我正在使用jQuery數據表。查看列jQuery Datatables
在數據表的其中一列中,我想在選擇框中顯示數據,並將該單元格的實際值作爲選定值。
是否有任何方法將查找表掛鉤到列,以便該列的每個單元格都與查找表掛鉤?
如果用戶想要更新該特定單元格的值,用戶可以從選擇框中選擇任何值?
我正在使用jQuery數據表。查看列jQuery Datatables
在數據表的其中一列中,我想在選擇框中顯示數據,並將該單元格的實際值作爲選定值。
是否有任何方法將查找表掛鉤到列,以便該列的每個單元格都與查找表掛鉤?
如果用戶想要更新該特定單元格的值,用戶可以從選擇框中選擇任何值?
這樣的事情? 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;
}}]
});
});
這確實是可能的,你有什麼嘗試? – annoyingmouse
使用該列的渲染選項 – Bindrid
@anningingmouse是的,我嘗試過與Bindrid相同的方式。 – darshitj2