Javascript 将查找挂钩到列jQuery数据表
我正在使用jQuery数据表 在数据表中的一列中,我想在选择框中显示数据,该单元格的实际值作为所选值 有没有办法将查找表挂接到该列,使该列的每个单元格都挂接到一个查找表 如果用户想要更新该特定单元格的值,用户可以从选择框中选择任何值吗?类似的内容Javascript 将查找挂钩到列jQuery数据表,javascript,jquery,datatables,Javascript,Jquery,Datatables,我正在使用jQuery数据表 在数据表中的一列中,我想在选择框中显示数据,该单元格的实际值作为所选值 有没有办法将查找表挂接到该列,使该列的每个单元格都挂接到一个查找表 如果用户想要更新该特定单元格的值,用户可以从选择框中选择任何值吗?类似的内容 这确实是可能的,您尝试过什么?使用渲染选项进行渲染column@annoyingmouse是的,我也用Bindrid的方法尝试过。谢谢@Bindrid,我也在用同样的方法。我只是想知道是否有更简单的方法,我们可以说,嘿,这是该列的查找表,然后它在内部将
这确实是可能的,您尝试过什么?使用渲染选项进行渲染column@annoyingmouse是的,我也用Bindrid的方法尝试过。谢谢@Bindrid,我也在用同样的方法。我只是想知道是否有更简单的方法,我们可以说,嘿,这是该列的查找表,然后它在内部将查找与查找表中的单元格列表挂钩,作为选择框中的选项,并将实际值作为所选选项。您能帮帮忙吗?我认为它不会比这简单得多。据我所知,DataTables没有任何自动功能。我的示例代码不接受单元格中的值,并在加载表时将其设置为选定值。它还有一个更改事件处理程序,用于保持datatable数据与选择框同步。如果您还没有看到链接,请查看完整的逻辑。
$(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;
}}]
} );
});