datable
$("#table_d").append("<table id='dmglTable' class='table table-striped table-hover table-bordered dataTable no-footer dtr-inline'></table>");
var zwkmzdTable = $("#dmglTable").dataTable({
serverSide: true,
responsive: true,
processing:true,
autoWidth: true,//自动计算列宽
deferRender: true,//设置延迟渲染,提高效率用
draw:false,
order: [ 1, 'asc' ],
ajax: {
url: "dmgl/getDmglInfoData",
type: "POST",
data : function(d) {
var sentJson = GET_SENT_JSON(d);
//追加数据 sentJson.name=22
return sentJson;
},
error: function (e) {
ALERT_ERROR(zwkmzdTable,e);
},
},
lengthMenu: PAGELENGTH,
"language": LANGUAGESETTING,
oLanguage: {//多语言配置
"sSearchPlaceholder": "科目编号、名称",//搜索框内占位符
"sSearch": "检索:",//搜索框前的字体
"sProcessing": "正在加载中......",
"sLengthMenu": "每页显示 _MENU_ 条记录",
"sZeroRecords": "对不起,查询不到相关数据!",
"sEmptyTable": "表中无数据存在!",
"sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
"sInfoEmpty": "没有记录可以显示",
"sInfoFiltered": "数据表中共为 _MAX_ 条记录",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "上一页",
"sNext": "下一页",
"sLast": "末页"
}
},
columnDefs : [
{ "targets": 0 ,"name":"kmbh","title": "","width": "2%"},
{ "targets": 1 ,"name":"kmbh","title": "科目编号","width": "10%"},
{ "targets": 2 ,"name":"kmmc","title": "科目名称" ,"width": "15%"},
{ "targets": 3 ,"name":"kmsx","title": "科目属性" ,"width": "5%"}
],
columns: [
{
"className": 'details-control',
"orderable": false,
"data": null,
"defaultContent": ''
},
{ data: 'kmbh'},
{ data: 'kmmc'},
{ 'data': function(value){
var kmsx = value.kmsx;
if (kmsx == 1) {
return '资产';
} else if(kmsx == 2){
return '负债';
} else if(kmsx == 3){
return '净资产';
} else if(kmsx == 4){
return '收入';
} else if(kmsx == 5){
return '支出';
} else if(kmsx == 6){
return '预算';
}else{
return ' ';
}
}
},
]
});
$('#dmglTable tbody tr').die().live('click', function() {
var tr = $(this).closest('tr')
var row = $('#dmglTable').DataTable().row(this)
if ( row.child.isShown() ) {
row.child.hide();
tr.removeClass('shown');
// tr.children("td.details-control").children("i").attr('class','fa fa-plus-square');
}
else {
row.child( format(row.data()) ).show();
tr.next().children("td").css({"padding": "0px"});
tr.addClass('shown');
// tr.children("td.details-control").children("i").attr('class','fa fa-minus-square');
}
});
//鼠标移动添加背景颜色
mouseEvent("dmglTable");
};
function format (d) {
var wbhs;
var bmhs;
var xmhs;
return '<table class="table table-striped table-hover table-bordered no-footer1 dtr-inline" style="margin-bottom: 0px">'+
'</tr>'+
'<td style="border: 0px solid #ddd;text-align:right;width: 10%">外币核算:</td>'+
'<td style="border: 0px solid #ddd;text-align:left;width: 8%">'+wbhs+'</td>'+
'<td style="border: 0px solid #ddd;text-align:right;width: 8%">外币编号:</td>'+
'<td style="border: 0px solid #ddd;text-align:left;width: 8%">'+wbbh+'</td>'+
'<td style="border: 0px solid #ddd;text-align:right;width: 8%">部门核算:</td>'+
'<td style="border: 0px solid #ddd;text-align:left;width: 8%">'+bmhs+'</td>'+
'</tr>'+
'</table>';
}
datable的更多相关文章
- net Datable 基本操作
net Datable 基本操作 using System; using System.Collections.Generic; using System.Text; using System.Dat ...
- C# 使用NPOI 处理Excel(Datable与Excel相互转换)
VS上有自带的程序集可以读取,但是总是会出现这样或那样的问题,让人恨得牙疼!而且效率太慢了.用NPOI就好多了,比较快,而且稳定,还简单,引用相应的程序集就好了. Excel转换成Datable pr ...
- JSon转化为DaTable
/// <summary> /// 将json转换为DataTable /// </summary> /// <param name="strJson" ...
- C#删除datable空行
//去除dataTable空行 public DataTable RemoveEmpty(DataTable dt) { List<DataRow> removelist = new Li ...
- c#常用的Datable转换为json,以及json转换为DataTable操作方法
#region DataTable 转换为Json字符串实例方法 /// <summary> /// GetClassTypeJosn 的摘要说明 /// </summary> ...
- 获取datable中某行某列的数据
假设该DataTable有5行和两个字段“Name”,“Phone”, 我如何访问第3行的“Phone”字段的值. DataTable.Rows[2][1].ToString() DataTable. ...
- datable-默认参数列表
1 options { 'paging': false, 'scrollY': true, 'scrollX': true, 'scrollCollapse': false, 'ordering': ...
- npoi实现 从固定的行读取数据作为表头并返回datable
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...
- Datable 排序
if(dt.Columns.IndexOf("name") != -1) //存在这个字段 { dt.DefaultView.Sort = "name asc" ...
- Datable 详解,及用法
一.DataSet.DataTable.DataRow.DataColumn 1] 在DataSet中添加DataTable DataSet.Tables.Add(DataTable) 实例: Dat ...
随机推荐
- ORA-01950: 表空间'USERS'中无权限的2种解决办法
在创建了一个新的表空间和一个新的用户,当用这个新用户创建表时, 却出现:ORA-01950: 表空 间'USERS'中无权限. 我已经把创建表的权限赋给了此用户,怎么还会缺少权限呢?解决办法 ...
- ubuntu12.04下CKermit与开发板交互环境搭建
CKermit蛮好的一个调试工具!就像在windows下的telnet,但是还是折腾了一下,现在看来,非常容易,其实我主要是在开发板为正常工作的情况下,以为是CKermit的问题,其实是我开发板开机设 ...
- Android eclipse 运行项目设置程序默认安装到SD卡
Android eclipse 运行项目设置程序默认安装到SD卡 1.在Android手机启用USB调试功能 2.在Windows系统中打开命令提示符(开始菜单,选择运行,输入cmd回车即可),使用 ...
- (转载)RecyclerView之ItemDecoration由浅入深
RecyclerView之ItemDecoration由浅入深 作者 小武站台 关注 2016.09.19 18:20 字数 1155 阅读 10480评论 15喜欢 91赞赏 3 译文的GitHub ...
- SpringMVC-注解映射器和适配器_20190323
1 注解映射器和适配器 1.1 注解映射器spring3.1之前默认加载映射器是org.springframework.web.servlet.mvc.annotation.DefaultAnnota ...
- category和关联对象
如上所见,我们知道在category里面是无法为category添加实例变量的.但是我们很多时候需要在category中添加和对象关联的值,这个时候可以求助关联对象来实现. MyClass+Categ ...
- Msql免安装版安装
文首提要: 我下载的MySQL版本是:mysql-5.7.17-winx64.zip Archive版:系统:Windows7 64位. 一.解压文件 下载好MySQL后, ...
- du -sh*查看当前目录下的文件夹大小
du -sh*查看当前目录下的文件夹大小 u 命令 用途 概述磁盘使用. 语法 du [ -a | -s ] [ -k ] [ -m ] [ -g ][ -l ] [ -r ] ...
- javaweb实现教师和教室管理系统 java jsp sqlserver
1,程序设计思想 (1)设计三个类,分别是工具类(用来写连接数据库的方法和异常类的方法).信息类(用来写存储信息的方法).实现类(用来写各种操作数据库的方法) (2)定义两个jsp文件,一个用来写入数 ...
- wget 升级
漏洞描述: Wget是GNU计划开发的一套用于在网络上进行下载的自由软件,是Unix/Linux系统最常用的下载工具,支持通过HTTP.HTTPS以及FTP这三个最常见的TCP/IP协议下载. Wge ...