easyUi datagrid数据表

添加任意html：

columns:[[    
       {field:'rid',title:'房间号',width:60},    
       {field:'rtype',title:'房间类型',width:100},    
       {field:'rstate',title:'房间状态',width:100},
       {field:'rprice',title:'房间价格',width:100},
       {field:'operation',title:'操作',width:100,formatter: function(value,row,index){
        var h = "";
        h += "<a href='openTable'>修改</a> ";
                h += "<a href='"+row.rid+"'>删除</a> ";
                return h;
                }
       }
   ]] 
------------------------------------------------------------------------------------

加载嵌套json：

1.4.3：

columns:[[    
       {field:'cid',title:'证件号',width:60},    
       {field:'cname',title:'姓名',width:100},    
       {field:'cintime',title:'入住日期',width:100},
       {field:'couttime',title:'退房日期',width:100},
       {field:'rid',title:'房间号',width:100, 
        formatter: function (value,row,index) { 
       
       
        if (row.room){
return row.room.rid;
} else {
return value;
}
        }
       }
   ]]

1.4.2之前：

(function($){
    var renderEmptyRow = $.fn.datagrid.defaults.view.renderEmptyRow;
    $.extend($.fn.datagrid.defaults.view, {
        renderEmptyRow:function(target){
            var fields = $(target).datagrid('getColumnFields');
            for(var i=0; i<fields.length; i++){
                var col = $(target).datagrid('getColumnOption', fields[i]);
                col.formatter1 = col.formatter;
                col.styler1 = col.styler;
                col.formatter = col.styler = undefined;
            }
            renderEmptyRow.call(this, target);
            for(var i=0; i<fields.length; i++){
                var col = $(target).datagrid('getColumnOption', fields[i]);
                col.formatter = col.formatter1;
                col.styler = col.styler1;
                col.formatter1 = col.styler1 = undefined;
            }
        }
    })
})(jQuery);

转载于:https://my.oschina.net/u/2286010/blog/636626