jQueryデータテーブルを使用しています。カラムjQueryデータテーブルへの参照をフック
データテーブルの列の1つで、データを選択ボックスに表示するには、そのセルの実際の値を選択値として表示します。
ルックアップテーブルを列にフックして、その列の各セルをルックアップテーブルにフックさせる方法はありますか?
ユーザがその特定のセルの値を更新したい場合、ユーザは選択ボックスから任意の値を選択できますか?
jQueryデータテーブルを使用しています。カラムjQueryデータテーブルへの参照をフック
データテーブルの列の1つで、データを選択ボックスに表示するには、そのセルの実際の値を選択値として表示します。
ルックアップテーブルを列にフックして、その列の各セルをルックアップテーブルにフックさせる方法はありますか?
ユーザがその特定のセルの値を更新したい場合、ユーザは選択ボックスから任意の値を選択できますか?
このようなものはありますか?
$(document).ready(function() {
// create fake column to put in selectbox
for(var i = 0; i < dataStore.data.length; ++i){
var b = Math.floor((Math.random() * 10) + 1);
dataStore.data[i].groupId = b;
}
$('#example').DataTable({
"data": dataStore.data,
"columns": [
{ "data": "name" },
{ "data": "groupId"},
{ "data": "position" },
{ "data": "office" },
{ "data": "extn" },
{ "data": "start_date" },
{ "data": "salary" }],
dom: 'Bfrtip',
columnDefs:[{targets:[1],
render:function(a,b,c,d){
var str = "";
for(var j = 1; j < 11; ++j){
str += "<option " +(j == a? " selected ":"")+" value='" + j + "'>" + j + "</option>";
}
str = "<select>" + str + "</select>";
return str;
}}]
});
});
ありがとう@Bindrid、 私は同じアプローチに従っています。 私はちょうどこれがちょうどこの列のルックアップテーブルだと言うことができる簡単な方法があるかどうかを知りたがっています。そして、ルックアップテーブルをルックアップテーブルのセル(選択ボックスのオプションとしてルックアップテーブルのリスト)選択されたオプションとしての実際の値。 – darshitj2
助けてくれますか? – darshitj2
私はそれがこれよりずっと簡単になるとは思わない。 DataTablesには私が知っている自動化された機能はありません。私のサンプルコードdoeはセル内の値をとり、テーブルがロードされるときにその値を選択値にします。また、データテーブルのデータを選択ボックスと同期させるための変更イベントハンドラもあります。あなたがまだ完全なロジックを見ていないなら、リンクを見てください。 – Bindrid
これは本当に可能ですが、何を試しましたか? – annoyingmouse
その列のレンダリングオプションを使用する – Bindrid
@annoyingmouseはいBindridと同じ方法を試しました。 – darshitj2