$("#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的更多相关文章

  1. net Datable 基本操作

    net Datable 基本操作 using System; using System.Collections.Generic; using System.Text; using System.Dat ...

  2. C# 使用NPOI 处理Excel(Datable与Excel相互转换)

    VS上有自带的程序集可以读取,但是总是会出现这样或那样的问题,让人恨得牙疼!而且效率太慢了.用NPOI就好多了,比较快,而且稳定,还简单,引用相应的程序集就好了. Excel转换成Datable pr ...

  3. JSon转化为DaTable

    /// <summary> /// 将json转换为DataTable /// </summary> /// <param name="strJson" ...

  4. C#删除datable空行

    //去除dataTable空行 public DataTable RemoveEmpty(DataTable dt) { List<DataRow> removelist = new Li ...

  5. c#常用的Datable转换为json,以及json转换为DataTable操作方法

    #region  DataTable 转换为Json字符串实例方法 /// <summary> /// GetClassTypeJosn 的摘要说明 /// </summary> ...

  6. 获取datable中某行某列的数据

    假设该DataTable有5行和两个字段“Name”,“Phone”, 我如何访问第3行的“Phone”字段的值. DataTable.Rows[2][1].ToString() DataTable. ...

  7. datable-默认参数列表

    1 options { 'paging': false, 'scrollY': true, 'scrollX': true, 'scrollCollapse': false, 'ordering': ...

  8. npoi实现 从固定的行读取数据作为表头并返回datable

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...

  9. Datable 排序

    if(dt.Columns.IndexOf("name") != -1) //存在这个字段 { dt.DefaultView.Sort = "name asc" ...

  10. Datable 详解,及用法

    一.DataSet.DataTable.DataRow.DataColumn 1] 在DataSet中添加DataTable DataSet.Tables.Add(DataTable) 实例: Dat ...

随机推荐

  1. bzoj2464: 中山市选[2009]小明的游戏(最短路)

    2464: 中山市选[2009]小明的游戏 题目:传送门 题解: 最短路的裸题... 代码: #include<cstdio> #include<cstring> #inclu ...

  2. .NET框架详解

    .NET框架的战略目标 .NET框架的战略目标是在任何时候(When),任何地方(Where),使用任何工具(What)都能通过.NET的服务获得网络上的任何信息,享受网络带给人们的便捷和快乐! .N ...

  3. 用latex写简历

    最近终于逐渐掌握了用Latex写中文简历的问题.首先就是必须基于交大前辈bin yuan的模板进行学习. 如果有了一般论文撰写和Beamer做PPT的经验,不难发现resume的模板也是遵循一套程式的 ...

  4. (转载)Android之三种网络请求解析数据(最佳案例)

    [置顶] Android之三种网络请求解析数据(最佳案例) 2016-07-25 18:02 4725人阅读 评论(0) 收藏 举报  分类: Gson.Gson解析(1)  版权声明:本文为博主原创 ...

  5. DedeCMS搜索结果页面调用自定义字段的方法

    有时候在我们需要在dedecms的搜索结果页面调用自定义字段,尤其是在做下载站的时候,需要在搜索结果页调用软件大小以及软件等级等等,但是我们发现在搜索结果页模板中使用“[field:字段名]”标签无法 ...

  6. autosar

    AUTOSAR – RTE(1)基本概念 1. RTE概述 The Run-Time Environment (RTE) is at the heart of the AUTOSAR ECU arch ...

  7. LaTeX 矩阵

    本系列文章由 @YhL_Leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/50054363 LaTeX 写矩阵,需要 ...

  8. POJ--1966--Cable TV Network【无向图顶点连通度】

    链接:http://poj.org/problem?id=1966 题意:一个无向图,n个点,m条边,求此图的顶点连通度. 思路:顶点连通度,即最小割点集里的割点数目.一般求无向图顶点连通度的方法是转 ...

  9. GNU-libiconv编码转换库的使用举例

    继GDAL库.PROJ库.HDF5库.TINYXML库之后,手上进行的项目又让我碰到了ICONV库.之前花了2天时间没有搞定,在甲方一直催促下,今天又捡起来搞搞,搞了一天最终搞定了.相关心得记录例如以 ...

  10. gem5中event queue执行原理机制具体分析

    搞清楚这个花了两天时间,下面内容为简略版.为了给自己赚点下载用的积分.如须要具体版本号.请点击下载点击打开链接 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQ ...