DataTable案例
2016-04-22 15:24
211 查看
阅读更多
DataTable的全局设置
$.extend( $.fn.dataTable.defaults, {
searching: false,
ordering: false,
paging: false,
info: false,
autoWidth: false,
select: true //默认是不支持单击事件的,需要用到dataTables.select.js插件,然后设置select
} );
var descTable = tableconfig.tc_destColumns.DataTable({
scrollY: $(".portlet-body").height(),
// 隐藏表标题
"fnDrawCallback": function ( oSettings ) {
$(oSettings.nTHead).hide();
},
aoColumns: [{
mData: "title",
sWidth: '100%'
}]
});
// 点击行事件
descTable.on( 'select', function ( e, dt, type, indexes ) {
if ( type === 'row' ) {
var row = descTable.row( indexes ).data();
if (row == null || row == undefined) {
return;
}
var body = getBody(target, row.id);
if (body != null) {
configColumnsChange(target, body)
}
}
} );
//表格初始化之后,需要手动为表格添加数据
var destTable = tableconfig.tc_destColumns.DataTable();
destTable.rows.add(hideBodys).draw();
// 数据初始化之后默认选择第一行
destTable.row(':eq(0)').select();
// 对表格中的某一列手动设置数据
configTable.rows().every( function () {
var data = this.data();
data.value = body.showInfo[data.tag];
tableconfig.tc_configGrid.dataTable().fnUpdate(data, this.index());
});
相关文章推荐
- 关于以DataTable形式批量写入数据的案例
- Ibatis 返回datatable数据类型案例
- 一个在Linux系统下的入侵响应案例
- 云计算(2011年系统分析师 下午 案例分析题大猜测)
- datareader填充DataTable
- IIS企业案例系列之五:发布多个网站之方案三
- Dubbo入门案例
- 【Pyrosim案例】02:简单燃烧
- 【案例学习】美国大都会人寿保险公司的 Docker EE 实践
- Spark经典案例2-数据去重
- 序列化DataTable
- 【原创】最近解决的上不了网的新案例解决方案
- PPT(12)案例分析—学院申报区优秀组织单位PPT
- 筛选DataTable数据的方法
- hssworkbook 用法案例
- 【web】mybatis入门详解,基础案例demo
- EclEmma测试代码覆盖率使用案例
- 实战案例:AI产品经理如何介绍“计算机视觉”?
- IO流_字节流复制视频案例1
- HTTP头注入发现方法(有案例)