easyui datagrid 自定义每行显示的格式

效果如图：

自定义一个view：

 1 var cardview = $.extend({}, $.fn.datagrid.defaults.view, {
 2         renderRow: function(target, fields, frozen, rowIndex, rowData){
 3             var cc = [];
 4             cc.push('');
 5             if (!frozen){
 6                 cc.push('
');
 7                 cc.push('
主题: ' + rowData["title"] + '
');
 8                 cc.push('
内容:
' + rowData["content"] + '
');
 9                 cc.push('
类别: ' + rowData["type"] );
10                 cc.push('反馈人: ' + rowData["feedbackUser"] + '时间: ' + rowData["feedbackTime"] + '
');
11                 cc.push('
');
12                 cc.push('
');
13             }
14             cc.push('');
15             return cc.join('');
16         }
17     });

然后在初始化datagrid时引用上述定义的view：

 1     $("#feedbackTable").datagrid({
 2             height: 'auto',
 3             idField: 'feedbackId',
 4             fitColumn: true,
 5             rownumbers:true,
 6             loadMsg:"数据查询中，请等待……",
 7             pageSize:10,
 8             singleSelect:true,
 9             pagination:true,
10             view: cardview
11         });
12         setPagination('feedbackTable');
13     });