質問編集履歴
12
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -118,6 +118,6 @@
|
|
|
118
118
|
index.js内のformatter関数を以下のように変更すると成功しました。しかしできるだけこのようなコードは避けたいです。
|
|
119
119
|
```js
|
|
120
120
|
formatter: function (value, row, index) {
|
|
121
|
-
return '<input type="checkbox" id="check_' + index + '" name="ids[]" value="' + value + '" style="transform: scale(2);"
|
|
121
|
+
return '<input type="checkbox" id="check_' + index + '" name="ids[]" value="' + value + '" style="transform: scale(2);"> \
|
|
122
122
|
<script>$("#check_' + index + '").change(function() {console.log("chenged");});</script>';
|
|
123
123
|
```
|
11
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -113,4 +113,11 @@
|
|
|
113
113
|
Bootstrap tableに関係ないcheckboxに対しても問題なく動作しています
|
|
114
114
|
（<input type="checkbox" id="check_out_of_table">に対する$("input[id='check_out_of_table']").change(function...)）。
|
|
115
115
|
# バージョン
|
|
116
|
-
Laravel7.3 jQuery3.2 Vue2.5.17
|
|
116
|
+
Laravel7.3 jQuery3.2 Vue2.5.17
|
|
117
|
+
# 望まない解決策
|
|
118
|
+
index.js内のformatter関数を以下のように変更すると成功しました。しかしできるだけこのようなコードは避けたいです。
|
|
119
|
+
```js
|
|
120
|
+
formatter: function (value, row, index) {
|
|
121
|
+
return '<input type="checkbox" id="check_' + index + '" name="ids[]" value="' + value + '" style="transform: scale(2);" class="jojo"> \
|
|
122
|
+
<script>$("#check_' + index + '").change(function() {console.log("chenged");});</script>';
|
|
123
|
+
```
|
10
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -111,6 +111,6 @@
|
|
|
111
111
|
チェックされた行を複数削除する機能は問題なく動作しています。
|
|
112
112
|
Bootstrap tableに関係ないjQuery関数は問題なく動作しています（buttonのdisabledの切り替えなど）。
|
|
113
113
|
Bootstrap tableに関係ないcheckboxに対しても問題なく動作しています
|
|
114
|
-
（<input type="checkbox" id="
|
|
114
|
+
（<input type="checkbox" id="check_out_of_table">に対する$("input[id='check_out_of_table']").change(function...)）。
|
|
115
115
|
# バージョン
|
|
116
116
|
Laravel7.3 jQuery3.2 Vue2.5.17
|
9
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -110,5 +110,7 @@
|
|
|
110
110
|
# できていること
|
|
111
111
|
チェックされた行を複数削除する機能は問題なく動作しています。
|
|
112
112
|
Bootstrap tableに関係ないjQuery関数は問題なく動作しています（buttonのdisabledの切り替えなど）。
|
|
113
|
+
Bootstrap tableに関係ないcheckboxに対しても問題なく動作しています
|
|
114
|
+
（<input type="checkbox" id="check_x">に対する$("input[id='check_x']").change(function...)）。
|
|
113
115
|
# バージョン
|
|
114
116
|
Laravel7.3 jQuery3.2 Vue2.5.17
|
8
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
LaravelとVue.jsを用いて以下のようにBootstrap tableにcheckboxを作りjQueryでチェックされた時のイベント検知を行おうとしておりますが上手くいきません。チェックボックスが変化したらConsoleに`changed`と表示したいです。
|
|
1
|
+
LaravelとVue.jsを用いて以下のようにBootstrap tableにcheckboxを作り、jQueryでチェックされた時のイベント検知を行おうとしておりますが上手くいきません。チェックボックスが変化したらConsoleに`changed`と表示したいです。
|
|
2
2
|
|
|
3
3
|
index.blade.php
|
|
4
4
|
```php
|
7
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
```
|
|
107
107
|
# 試したこと
|
|
108
108
|
jQueryのchangeメソッドをclickやon('change', ...)にしてもダメでした。
|
|
109
|
-
また、bladeファイルではなくindex.js内のcreatedに同様のjQuery関数を移動してもダメでした。
|
|
109
|
+
また、bladeファイルではなくindex.js内のcreatedフックに同様のjQuery関数を移動してもダメでした。
|
|
110
110
|
# できていること
|
|
111
111
|
チェックされた行を複数削除する機能は問題なく動作しています。
|
|
112
112
|
Bootstrap tableに関係ないjQuery関数は問題なく動作しています（buttonのdisabledの切り替えなど）。
|
6
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -33,9 +33,6 @@
|
|
|
33
33
|
index.js
|
|
34
34
|
```js
|
|
35
35
|
Vue.component('x-lists-index', {
|
|
36
|
-
props: {
|
|
37
|
-
propsLotUnitArray: Object
|
|
38
|
-
},
|
|
39
36
|
data() {
|
|
40
37
|
return {
|
|
41
38
|
columns: [{
|
5
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
@section('content')
|
|
8
8
|
<div id="x_lists_index">
|
|
9
9
|
<x-lists-index inline-template>
|
|
10
|
-
<form action="{{ route('xLists.
|
|
10
|
+
<form action="{{ route('xLists.multiDelete') }}" method="post">
|
|
11
11
|
@csrf
|
|
12
12
|
<bootstrap-table-component ref="table" :props-data="{{$xLists}}"
|
|
13
13
|
:props-columns="columns"></bootstrap-table-component>
|
4
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
jQueryのchangeメソッドをclickやon('change', ...)にしてもダメでした。
|
|
112
112
|
また、bladeファイルではなくindex.js内のcreatedに同様のjQuery関数を移動してもダメでした。
|
|
113
113
|
# できていること
|
|
114
|
-
チェックされた
|
|
114
|
+
チェックされた行を複数削除する機能は問題なく動作しています。
|
|
115
|
-
Bootstrap tableに関係ないjQuery関数は問題なく動作しています。
|
|
115
|
+
Bootstrap tableに関係ないjQuery関数は問題なく動作しています（buttonのdisabledの切り替えなど）。
|
|
116
116
|
# バージョン
|
|
117
117
|
Laravel7.3 jQuery3.2 Vue2.5.17
|
3
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
以下のようにBootstrap tableにcheckboxを作りjQueryでチェックされた時のイベント検知を行おうとしておりますが上手くいきません。チェックボックスが変化したらConsoleに`changed`と表示したいです。
|
|
1
|
+
LaravelとVue.jsを用いて以下のようにBootstrap tableにcheckboxを作りjQueryでチェックされた時のイベント検知を行おうとしておりますが上手くいきません。チェックボックスが変化したらConsoleに`changed`と表示したいです。
|
|
2
2
|
|
|
3
3
|
index.blade.php
|
|
4
4
|
```php
|
|
@@ -111,4 +111,7 @@
|
|
|
111
111
|
jQueryのchangeメソッドをclickやon('change', ...)にしてもダメでした。
|
|
112
112
|
また、bladeファイルではなくindex.js内のcreatedに同様のjQuery関数を移動してもダメでした。
|
|
113
113
|
# できていること
|
|
114
|
-
チェックされた項目を複数削除する
|
|
114
|
+
チェックされた項目を複数削除する機能は問題なく動作しています。
|
|
115
|
+
Bootstrap tableに関係ないjQuery関数は問題なく動作しています。
|
|
116
|
+
# バージョン
|
|
117
|
+
Laravel7.3 jQuery3.2 Vue2.5.17
|
2
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -109,4 +109,6 @@
|
|
|
109
109
|
```
|
|
110
110
|
# 試したこと
|
|
111
111
|
jQueryのchangeメソッドをclickやon('change', ...)にしてもダメでした。
|
|
112
|
-
また、bladeファイルではなくindex.js内のcreatedに同様のjQuery関数を移動してもダメでした。
|
|
112
|
+
また、bladeファイルではなくindex.js内のcreatedに同様のjQuery関数を移動してもダメでした。
|
|
113
|
+
# できていること
|
|
114
|
+
チェックされた項目を複数削除する昨日は問題なく動作しています。
|
1
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -66,7 +66,6 @@
|
|
|
66
66
|
:data="data"
|
|
67
67
|
:options="options"
|
|
68
68
|
:columns="columns"
|
|
69
|
-
@on-click-row="onClickRow"
|
|
70
69
|
/>
|
|
71
70
|
</div>
|
|
72
71
|
</template>
|