Easyui DataGrid自定义视图和subGrid



使用DataGrid的自定义视图，可以扩展一行显示更多的细节

下文定义的divview其实是使用了datagrid的view配置，重写了其默认的renderRow方法。

基于这种实现，我们可以显示更多样式的view。

1、通过扩展$.fn.datagrid.defaults.view定义一个视图：

[javascript] view plain copy print ?

1. var divview = $.extend({}, $.fn.datagrid.defaults.view, {  
2.         render : function (target, container, frozen) {  
3.             var opts = $.data(target, 'datagrid').options;  
4.             var rows = $.data(target, 'datagrid').data.rows;  
5.             var fields = $(target).datagrid('getColumnFields', frozen);  
6.             var table = [];  
7.             if(frozen){  
8.                 $(container).parent().prev().remove();            
9.             }else{  
10.                 $(container).prev().remove();  
11.                 $(container).css('overflow-x','hidden');  
12.             }  
13.             for(var i = 0; i < rows.length; i++) {  
14.                 table.push(this.renderRow.call(rows[i], target, fields, frozen, i, rows[i]));  
15.             }  
16.             $(container).html(table.join('