2017-03-23 16 views
0

jQueryデータテーブルを使用しています。カラムjQueryデータテーブルへの参照をフック

データテーブルの列の1つで、データを選択ボックスに表示するには、そのセルの実際の値を選択値として表示します。

ルックアップテーブルを列にフックして、その列の各セルをルックアップテーブルにフックさせる方法はありますか?

ユーザがその特定のセルの値を更新したい場合、ユーザは選択ボックスから任意の値を選択できますか?

+0

これは本当に可能ですが、何を試しましたか? – annoyingmouse

+0

その列のレンダリングオプションを使用する – Bindrid

+0

@annoyingmouseはいBindridと同じ方法を試しました。 – darshitj2

答えて

0

このようなものはありますか?

$(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; 
      }}] 

    }); 
}); 
+0

ありがとう@Bindrid、 私は同じアプローチに従っています。 私はちょうどこれがちょうどこの列のルックアップテーブルだと言うことができる簡単な方法があるかどうかを知りたがっています。そして、ルックアップテーブルをルックアップテーブルのセル(選択ボックスのオプションとしてルックアップテーブルのリスト)選択されたオプションとしての実際の値。 – darshitj2

+0

助けてくれますか? – darshitj2

+0

私はそれがこれよりずっと簡単になるとは思わない。 DataTablesには私が知っている自動化された機能はありません。私のサンプルコードdoeはセル内の値をとり、テーブルがロードされるときにその値を選択値にします。また、データテーブルのデータを選択ボックスと同期させるための変更イベントハンドラもあります。あなたがまだ完全なロジックを見ていないなら、リンクを見てください。 – Bindrid

関連する問題