2017-03-23 44 views
0

我正在使用jQuery數據表。查看列jQuery Datatables

在數據表的其中一列中,我想在選擇框中顯示數據,並將該單元格的實際值作爲選定值。

是否有任何方法將查找表掛鉤到列,以便該列的每個單元格都與查找表掛鉤?

如果用戶想要更新該特定單元格的值,用戶可以從選擇框中選擇任何值?

+0

這確實是可能的,你有什麼嘗試? – annoyingmouse

+0

使用該列的渲染選項 – Bindrid

+0

@anningingmouse是的,我嘗試過與Bindrid相同的方式。 – darshitj2

回答

0

這樣的事情? http://jsbin.com/solipe/edit?html,js,output

$(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

Thanks @Bindrid, 我遵循相同的方法。 我只是想知道是否有任何簡單的方法,我們可以說嘿,這是這個列的查找表,然後它內部掛鉤單元格的查找(查找表中的列表作爲選擇框中的選項)與實際值作爲選擇的選項。 – darshitj2

+0

你能幫忙嗎? – darshitj2

+0

我不認爲它比這更簡單。 DataTables沒有任何我知道的自動功能。我的示例代碼doe獲取單元格中的值,並在加載表格時將其設置爲選定值。它還具有更改事件處理程序,以使可數據表格數據與選擇框保持同步。看看鏈接,如果你還沒有看到完整的邏輯。 – Bindrid