jspajaxdatagridjQuery EasyUI应用教程在数据网格中扩大行显示具体信息

Step 1：创建数据网格Item IDProduct IDList PriceUnit CostStatus

Step 2：为数据网格设置详细视图

想要利用详细视图，请记住在页面头部引用视图脚本文件。

\r$('#dg').datagrid({\rview: detailview,\rdetailFormatter:function(index,row){\rreturn '';\r},\ronExpandRow: function(index,row){\rvar ddv = $(this).datagrid('getRowDetail',index).find('div.ddv');\rddv.panel({\rborder:false,\rcache:false,\rhref:'datagrid21_getdetail.php?itemid='+row.itemid,\ronLoad:function{\r$('#dg').datagrid('fixDetailRowHeight',index);\r}\r});\r$('#dg').datagrid('fixDetailRowHeight',index);\r}\r});

我们定义 'detailFormatter' 函数，见告数据网格如何渲染详细视图。
在这种情形下,我们返回一个大略的 'div' 元素，它将充当详细内容的容器。
请把稳，详细信息为空。
当用户点击展开按钮（'+'）时，onExpandRow事宜将被触发。
以是我们可以写一些代码来加载ajax详细内容。
末了我们调用'fixDetailRowHeight'方法来固定当详细内容加载时的行高度。

jspajaxdatagridjQuery EasyUI应用教程在数据网格中扩大行显示具体信息 jQuery