Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将查找挂钩到列jQuery数据表_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript 将查找挂钩到列jQuery数据表

Javascript 将查找挂钩到列jQuery数据表,javascript,jquery,datatables,Javascript,Jquery,Datatables,我正在使用jQuery数据表 在数据表中的一列中,我想在选择框中显示数据,该单元格的实际值作为所选值 有没有办法将查找表挂接到该列,使该列的每个单元格都挂接到一个查找表 如果用户想要更新该特定单元格的值,用户可以从选择框中选择任何值吗?类似的内容 这确实是可能的,您尝试过什么?使用渲染选项进行渲染column@annoyingmouse是的,我也用Bindrid的方法尝试过。谢谢@Bindrid,我也在用同样的方法。我只是想知道是否有更简单的方法,我们可以说,嘿,这是该列的查找表,然后它在内部将

我正在使用jQuery数据表

在数据表中的一列中,我想在选择框中显示数据,该单元格的实际值作为所选值

有没有办法将查找表挂接到该列,使该列的每个单元格都挂接到一个查找表

如果用户想要更新该特定单元格的值,用户可以从选择框中选择任何值吗?

类似的内容


这确实是可能的,您尝试过什么?使用渲染选项进行渲染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;
           }}]

    } );
});