datatables的edit使用与java么

发布网友发布时间：2024-10-23 01:28

共1个回答

热心网友时间：2024-10-23 03:48

　　您好，很高兴为您解答：

　　在采用这个控件之前，服务端向网页返回数据，页面用javascipt将数据拼接成html的表格，代码中充斥着很多 += '<td>' '<tr>' '<a>'。而且还要处理分页，每个页码还要自己绑定一个拼接的url请求，代码不仅长，而且页面的展示效果不好功能也不够强大。
　　采用了这个控件展示数据后，javascript的代码减少了70-80行。它要求服务端要按照它规定的数据格式返回数据，接着会帮我们自动处理分页和数据的展示，就不用我们手动拼接字符串构造table表的元素了。
　　先看代码：
　　function generate_table() {
　　g_table = $('#historyResult').dataTable({
　　"oLanguage": {
　　"sLengthMenu": "每页 _MENU_ 条数据",
　　"sZeroRecords": "没有数据",
　　"sInfo": "_START_ - _END_ 总(_TOTAL_)",
　　"sInfoEmpty": "0 - 0 总数： 0"
　　},
　　"sPaginationType": "full_numbers",
　　"bProcessing": true,
　　"bServerSide": true,
　　"bSort":false,
　　"bFilter": false,
　　"sAjaxSource": "/index.php/history/queryHistory",

　　"fnServerParams": function( aoData )
　　{
　　aoData.push(
　　{"name":"keywords","value":$('#keyword_txt').val(),
　　{"name":"start_date","value":$('#start_date_txt').val()},
　　{"name":"end_date","value":$('#end_date_txt').val()}
　　)
　　}
　　});
　　}

　　具体的参数意思可以参考官方文档。这里提一下fnServerParams。这个参数可以帮我们传递页面的其他参数，这个例子中，我传递了关键字、起止日期信息，主要用于服务端的数据查找过滤。
　　如果我的回答没能帮助您，请继续追问。转载，仅供参考。