天天看点

jQuery EasyUI 数据网格 - 创建子网格

使用数据网格(datagrid)的详细视图,用户可以展开一行来显示附加的详细信息。

任何内容都可以加载作为行详细,子网格也可以动态加载。

本教程将向您展示如何在主网格上创建一个子网格。

jQuery EasyUI 数据网格 - 创建子网格

为了使用详细视图,请记得在页面头部引用视图脚本文件。

当用户点击展开按钮('+')时,'onExpandRow' 事件将被触发。

我们创建一个新的带有三列的子网格。

当子网格数据加载成功时或者改变尺寸大小时,请记得对主网格调用 'fixDetailRowHeight' 方法。

datagrid22_getdata.php

datagrid22_getdetail.php

jeasyui-datagrid-datagrid22.zip