jquery datatables 简单应用


function search() {
table = $('#table')
.dataTable(
{
searching : false,
bLengthChange : false,
paging : true,
ordering : false,
bFilter : true,
info : true,
bDestroy : true,
iDisplayLength : 20,
sPaginationType : "full_numbers",
oLanguage : {
sLengthMenu : "每页显示 _MENU_ 条记录",
sZeroRecords : "抱歉, 没有找到",
sInfo : "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
sInfoEmpty : "没有数据",
sProcessing : "正在加载数据...",
sInfoFiltered : "(从 _MAX_ 条数据中检索)",
sZeroRecords : "没有检索到数据",
sSearch : "名称:",
oPaginate : {
sFirst : "首页",
sPrevious : "前一页",
sNext : "后一页",
sLast : "尾页"
}
},
/* iDisplayStart : function(){
var start = parseInt($("page"));
return start;

}, */
bProcessing : false,
bServerSide : true,
sAjaxSource : "acLogAction!findLogList",
fnServerData : function(sSource, aoData, fnCallback) {
aoData.push({
"msn" : $("#p_msn").val(),
"log_no" : $("#log_no").val(),
"log_date" : $("#log_date").val(),
"log_date2" : $("#log_date2").val()

});

$.ajax({
type : 'post',
url : sSource,
dataType : "json",
data : {
aoData : JSON.stringify(aoData)
},
success : function(resp) {
fnCallback(resp);
$("[name='dis']").parent().hide();
}
});
},
columns : [ {
data : "ITEM1", //要与后台传来的字段对应
name : "ITEM1" //表格表头
}, {
data : "ITEM2",
name : "ITEM2"
}, {
data : "ITEM3",
name : "ITEM4"
}, {
data : "ITEM4",
name : "ITEM4"
}, {
data : "ID",
name : "id"
} ],
columnDefs : [
{ //隐藏列
targets : [ 4 ],
mRender : function(data, type, full) {
return "<input name='dis' hidden=true value='"+data+"'></input>"
}
},
{ //加链接
targets : [ 1 ],
mRender : function(data, type, full) {
return "<a href='acLogAction!addLogLegJsp?log_id="+full.LOG_ID+"&log_no="+full.LOG_NO+"&log_date="+full.LOG_DATE+"&msn="+data+"'>"+data+"</a>"
}
} ],

});

}


后端需返回给前端的数据,参数名必须是这些

map.put("aaData", "查询数据的LIST"); //必须为 aaData,显示在表格的数据
map.put("iTotalRecords","总条数"); //必填项
map.put("iTotalDisplayRecords","总条数");//必填项
map.put("sEcho", sEcho);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值