view: detailview,//注意1 detailFormatter:function(index,row){//注意2 return '<div style="padding:2px"><table id="ddv-' + index + '"></table></div>'; }, onExpandRow: function(index,row){ //注意3 $('#ddv-'+index).datagrid({ url:getContextPath()+'/dispatch/dispatch_queryByDispatchId.action?data='+row.id, fitColumns:true, singleSelect:true, rownumbers:true, loadMsg:'', height:'auto', columns:[[ {title : 'ID',field : 'id',hidden:true}, {title:'订单号',field:'orderNo'}, {title : '订单状态',field :'orderState',formatter:formatOrderState}, {title : '车数',field : 'carNum'}, {title : '下单时间',field : 'orderTime'}, {title : '始发站',field : 'originStop'}, {title : '目的站',field : 'destination'}, {title : '要求发车时间',field : 'requreDepatrueTime'}, {title : '下单网点',field : 'orderDepartment',formatter:formatOrderDepartment}, {title : '创建人',field : 'createUser'}, {title : '创建时间',field : 'createTime'}, {title : '修改人',field : 'updateUser'}, {title : '最后修改时间',field : 'updateTime'} ]], onResize:function(){ //注意点4 设置onResize onLoadSuccess 是为了调整展开页面的布局 $('#dispatchGrid').datagrid('fixDetailRowHeight',index); }, onLoadSuccess:function(){ setTimeout(function(){ $('#dispatchGrid').datagrid('fixDetailRowHeight',index); },0); } }); } });
注:1.onExpandRow 下面也可以是panel
2.除了基本要引入的js,还需要引入datagrid-detailview.js
3.$('#ddv-'+index) 是对应的<table id="ddv-' + index + '"></table>的id
相关推荐
WPF中使用DataGrid完成一个行级数据折叠收缩展开的功能,通过点击行头折叠或者展开明细数据。该能能常见的使用在数据的明细汇总展示上,初始展示汇总数据点击展示某行汇总的结果展示对应的明细信息。
对datagrid的rowdetail增加一张子表明细,在默认的情况下显示出订单的明细信息。需要的小伙伴可以自己创建表和数据结构后,进行绑定信息改造即可运用,截图有运行效果的截图
实例072 利用RichEdit控件显示图文数据 2.8 图形类控件典型实例 实例073 图文数据录入 实例074 带有滚动条的图形控件 2.9 滚动条控件典型实例 实例075 自定义滚动条控件 2.10 控件数组典型实例 实例076 向...
实例072 利用RichEdit控件显示图文数据 2.8 图形类控件典型实例 实例073 图文数据录入 实例074 带有滚动条的图形控件 2.9 滚动条控件典型实例 实例075 自定义滚动条控件 2.10 控件数组典型实例 实例076 向...
过滤DataGrid数据项 6.5节. 为AdvancedDataGrid创建自定义表头 6.6节. 处理DataGrid/AdvancedDataGrid相关事件 6.7节.AdvancedDataGrid数据项选择 6.8节. 启动DataGrid拖拽功能 6.9节. 编辑DataGrid数据项 6.10节. ...
10.3.1 创建单页面的主/明细表单 10.3.2 创建多页面的主/明细表单 10.4 小结 <br/>第11章 使用DataList和DataGrid控件 <br/>11.1 DataList和DataGrid控件概述 11.1.1 理解事件冒泡...
cc实例243 如何随机显示记录 9.3 查询前若干名数据 cc实例244 查询前10名数据 cc实例245 取出数据统计结果前3名数据 9.4 周期.c日期查询 cc实例246 查询指定日期的数据 cc实例247 查询指定时间段的数据...
cc实例072 利用RichEdit控件显示图文数据 2.8 图形类控件典型实例 cc实例073 图文数据录入 cc实例074 带有滚动条的图形控件 2.9 滚动条控件典型实例 cc实例075 自定义滚动条控件 ...
cc实例072 利用RichEdit控件显示图文数据 2.8 图形类控件典型实例 cc实例073 图文数据录入 cc实例074 带有滚动条的图形控件 2.9 滚动条控件典型实例 cc实例075 自定义滚动条控件 ...
DataGrid、DataTable、ListView、MSHFlexGrid等二维形式或二维数组全部可以打印。源码二次开发,通打天下报表。 后期版本将陆续提供XML描述、SQL数据源的打印,并用管理器管理任意多个网格、文本对象、图象等,用户...
10.3.1 创建单页面的主/明细表单 10.3.2 创建多页面的主/明细表单 10.4 小结 <br>第11章 使用DataList和DataGrid控件 <br>11.1 DataList和DataGrid控件概述 11.1.1 理解事件冒泡机制 ...
10.3.1 创建单页面的主/明细表单 10.3.2 创建多页面的主/明细表单 10.4 小结 <br>第11章 使用DataList和DataGrid控件 <br>11.1 DataList和DataGrid控件概述 11.1.1 理解事件冒泡机制 ...
10.3.1 创建单页面的主/明细表单 10.3.2 创建多页面的主/明细表单 10.4 小结 <br>第11章 使用DataList和DataGrid控件 <br>11.1 DataList和DataGrid控件概述 11.1.1 理解事件冒泡机制 ...
10.3.1 创建单页面的主/明细表单 10.3.2 创建多页面的主/明细表单 10.4 小结 <br>第11章 使用DataList和DataGrid控件 <br>11.1 DataList和DataGrid控件概述 11.1.1 理解事件冒泡机制 ...
10.3.1 创建单页面的主/明细表单 10.3.2 创建多页面的主/明细表单 10.4 小结 <br>第11章 使用DataList和DataGrid控件 <br>11.1 DataList和DataGrid控件概述 11.1.1 理解事件冒泡机制 ...
修改数据15-6增加核对程序运作的程序代码第16章编写Master/Detail数据库应用程序16-1建立Master/Detail关系的DataSet16-2自定义dataGrid展示样式16-3设计显示明细数据的表单16-4 使用BindingContext浏览数据第17...
修改数据15-6增加核对程序运作的程序代码第16章编写Master/Detail数据库应用程序16-1建立Master/Detail关系的DataSet16-2自定义dataGrid展示样式16-3设计显示明细数据的表单16-4 使用BindingContext浏览数据第17...