datatables的初始化及刷新
来源:互联网 发布:读书笔记软件下载 编辑:程序博客网 时间:2024/06/06 10:25
前台:
<table style="width:100%;" id="FengXianPingGu_datatable" class="table table-striped table-bordered table-hover">
<thead>
<tr class="text-c">
<th>评估报告编码</th>
<th>评估日期</th>
<th>项目名称</th>
<th>项目描述</th>
<th>创建者</th>
<th>文件路径</th>
<th>备注</th>
<th>模板类型</th>
<th>用户类型</th>
<th>操作</th>
</tr>
</thead>
<tbody></tbody>
</table>
var sel = $("#FengXianPingGu_select1").val(); $('#FengXianPingGu_datatable').dataTable().fnClearTable();//清空数据.fnClearTable();//清空数据
$('#FengXianPingGu_datatable').dataTable().fnDestroy(); //还原初始化了的datatable
$('#FengXianPingGu_datatable').DataTable({
"ajax": "/FengXian/FengXianPingGuGetList1?id="+sel,
"aLengthMenu": [50, 100, 150],
"columns": [
{
"data": "RIID",
"width":"150px"
},
{ "data": "RIDate" },
{ "data": "RIName" },
{ "data": "RIDescription" },
{ "data": "Creater" },
{ "data": "FileUrl" },
{ "data": "BZ" },
{ "data": "RIType" },
{ "data": "userType" },
{
//data: null, render: 'EMPNUMBER'
data: null,
className: "center",
width: "120px",
render: function (data, type, row) {
return "<div class='hidden-sm hidden-xs action-buttons'><a class='green' onclick='FengXianPingGu_fun_edit(this)' href='#'><i class='ace-icon fa fa-pencil bigger-130'></i></a><a class='red' onclick='FengXianPingGu_fun_delrow(this)' href='#'> <i class='ace-icon fa fa-trash-o bigger-130'></i></a></div>";
}
}
],
"columnDefs": [
{
"targets": [1],
"visible": false
},
{
"targets": [4],
"visible": false
},
{
"targets": [5],
"visible": false
},
{
"targets": [7],
"visible": false
},
{
"targets": [8],
"visible": false
}
]
});
后端:
}, JsonRequestBehavior.AllowGet);
返回类型:JsonResult
后端:
RiskItemInfoBll rii_b=new RiskItemInfoBll();
List<RiskItemInfo> items = rii_b.GetModelList(""); return this.Json(new
{
sEcho = 1,
iTotalRecords = items.Count(),
aaData = items.ToArray()
返回类型:JsonResult
特别注意:每个字段都可以有render,作用对字段值进行修改,比如:
render: function (data, type, row) {
if (moment($("#ServerDate").text()).isBefore(data)) {
return moment(data).format('YYYY年M月D日');
} else {
return "<span style='color: red; font-weight:bold'>" + moment(data).format('YYYY年M月D日') + "</span>";
}
}
if (moment($("#ServerDate").text()).isBefore(data)) {
return moment(data).format('YYYY年M月D日');
} else {
return "<span style='color: red; font-weight:bold'>" + moment(data).format('YYYY年M月D日') + "</span>";
}
}
阅读全文
0 0
- datatables的初始化及刷新
- Datatables的初始化
- Datatables的初始化配置
- datatables页面的刷新操作
- dataTables的属性及用法
- jquery.dataTables中文初始化
- dataTables插件-基本初始化
- datatables 初始化实例
- JQuery datatables 点击按钮刷新表格显示的个数iDisplayLength
- DataTables头部刷新宽度width
- jquery datatables 初始化配置归纳
- datatables隐藏列设置及获取隐藏列的值
- dataTables的选项——特性及国际化语言
- 关于Java Web使用的DataTables插件获取所有数据以及表格刷新
- 关于datatables隐藏显示列多次提交后台刷新数据的问题
- datatables 前端表格插件 初始化表格插件
- jQuery 的插件 dataTables
- jQuery dataTables 的使用
- Zabbix poller processes more than 75% busy”警报问题解决
- Largest Rectangle in a Histogram--(单调队列orDP)
- java 多线程随笔(二)
- 深度学习实践笔记1——BP神经网
- 判断下列关键字序列是否为堆?
- datatables的初始化及刷新
- jzoj5259 线性规划问题 (巧妙设状态的dp)
- java持久层框架mybatis如何防止sql注入
- MAC,PIN的密钥体系
- P2345 奶牛集会/P2657 低头一族
- React-navigation 官方文档中文翻译(三) Configuring the Header
- iOS转前端之JS基本语法总结
- 电子设计大赛板球控制系统设计方案
- 题目399-整除个数(满满的套路)