选择行时自动选中一个复选框

时间:2018-07-17 05:08:48

标签: javascript jquery datatables

我想要一个函数,如果我单击一列进行编辑,则将选中整行,并且还希望有一个不可见的复选框来标记是否选中了该行,因此基本上,如果我单击可编辑列,相应的复选框将被选中。我希望通过单击单个更新按钮来更新所有已编辑行的功能。

这是我的代码:

<script>
$(document).ready(function()
{

var editor = new $.fn.dataTable.Editor( {
 table: '#data_table',
 idSrc:  'id',
 fields: [

     {name: 'id' },
     {name: 'company_name' },
     {name: 'status'  },
     {name: 'created_at' },
     {name: 'updated_at'  }
     // etc
 ]
} );
$('#data_table').on( 'click', 'tbody td:not(:first-child, :nth-child(2), :nth-child(5), :nth-child(6))', function () {

 editor.inline( this);
  // select: true;
 } );
client_table = $('#data_table').DataTable( {
 // dom: "Bfrtip",
 columns: [
     { data: 'multi_id' },
     { data: 'id' },
     { data: 'company_name' , className: 'editable'},
     { data: 'status' , className: 'editable'},
     { data: 'created_at' },
     { data: 'updated_at' }

 ],

 select: {
    style: 'multi'
 }
 } );

} );`

任何人都可以在这里帮助我,我如何为此编辑代码?谢谢你。

1 个答案:

答案 0 :(得分:0)

为什么在完成编辑后不立即通过ajax提交已编辑的数据?多数民众赞成在什么数据表内联编辑器。。

在这里看看:https://editor.datatables.net/examples/inline-editing/simple

用于服务器端部分以保护数据!