easyUI下datagrid嵌套显示
来源:互联网 发布:系统垃圾清理软件 编辑:程序博客网 时间:2024/05/29 18:12
主要是运用 easyui的方法进行行内嵌套显示,让一行可以显示更多的东西,让一行显示JSON的字符串、从表之类的东西。
下边先看效果图:
接下来说实现过程:
(1)在首次加载中添加代码
view: detailview,detailFormatter:function(index,row){return '<div style="padding:2px"><table class="ddv"></table></div>'; }, onExpandRow: function(index,row){var ddv=$(this).datagrid('getRowDetail',index).find('table.ddv');ddv.datagrid({ url:'datagrid22_getdetail.php?itemid='+row.itemid,//从表的查询 fitColumns:true, singleSelect:true, rownumbers:true, loadMsg:'', height:'auto', columns:[[ {field:'orderid',title:'Order ID',width:100}, {field:'quantity',title:'Quantity',width:100},{field:'unitprice',title:'Unit Price',width:100} ]],onResize:function(){ $('#orderList').datagrid('fixDetailRowHeight', index); },//调节高度 onLoadSuccess:function(){ setTimeout(function(){ $('#orderList').datagrid('fixDetailRowHeight', index); },0); } }); $('#orderList').datagrid('fixDetailRowHeight', index);} });
因为我是做了显示排序翻页的,所以放在了他们下边。如果没有,那么就放在你显示的字段下边就好了。
要显示的字段也写在上边就可以。
当用户点击展开按钮(’+’)时,将会触发“onExpandRow”事件。我们用树列创建一个新的子网格。当subgrid加载数据成功或调整大小时,请记住为master datagrid调用’fixDetailRowHeight’方法。
(2)如果前台报找不到detailview,那你需要在easyui中添加一个方法,我会放到我的资源下载中。由于要的可以下载。
(3)引用这个文件时记得放在这个引用下边
最后这个操作借鉴了一下引导,感谢作者。
http://www.jeasyui.com/tutorial/datagrid/datagrid22.php
阅读全文
0 0
- easyUI下datagrid嵌套显示
- EasyUI datagrid json嵌套的object数据在datagrid中的显示方法
- jquery easyui datagrid列绑定嵌套对象
- jquery easyui datagrid 实现嵌套表格
- easyui datagrid-detailview 嵌套高度自适应
- EasyUI DataGrid绑定嵌套的json数据
- easyui datagrid表格嵌套子表
- 【easyUI】datagrid 通过formatter读取嵌套数据
- easyui datagrid控制显示进度条
- easyui datagrid数据不显示
- easyui datagrid显示子属性
- easyui-dataGrid单元格显示全部内容
- 【easyui】动态显示datagrid列
- EasyUI-datagrid列显示图片
- EasyUI-datagrid列显示Icon
- 如何控制easyui datagrid显示
- EasyUi datagrid百分比显示宽度,EasyUi datagrid自适应窗口大小
- 善良公社之EasyUI框架下在datagrid中显示数据
- Java:按值传递与按引用传递
- Apache引入mod_evasive模块防止ddos攻击
- 17暑假多校联赛2.11 HDU 6055 Regular polygon
- iOS开发中数据库常用的语句
- 最大流-SAP算法
- easyUI下datagrid嵌套显示
- android使用UncaughtExceptionHandler捕获全局异常(闪退)
- sdut 1265 马拦过河卒
- interface与指针类型小测试
- 笨方法学Python 习题 17: 更多文件操作
- Android 合适的地方高效实用SparseArray,SparseBooleanArray,SparseBooleanArray代替Java中map
- centos6.6上安装部署Ambari
- MATLAB中常用函数和概念整理(长期补充....)
- IPTV知识科普全面,什么是IPTV?IPTV架构部署