首页 > 代码库 > jquery easyui datagrid detailview groupview添加自定义视图view

jquery easyui datagrid detailview groupview添加自定义视图view

var myview = $.extend({}, $.fn.datagrid.defaults.view, {
onAfterRender: function (target) {
$.fn.datagrid.defaults.view.onAfterRender.call(this, target);
refreshView(target);
},
insertRow: function (target, index, row) {
$.fn.datagrid.defaults.view.insertRow.call(this, target, index, row);
refreshEmpty(target);
},
deleteRow: function (target, index) {
$.fn.datagrid.defaults.view.deleteRow.call(this, target, index);
refreshEmpty(target);
}
});

$.extend($.fn.datagrid.defaults, {
emptyMsg: ‘没有相关数据,请选择条件查询!‘
});

 

在datagrid初始化时加上view:myview即可,若页面本身已有groupview或者detailview视图属性,则将onAfterRender: function (target) {
$.fn.datagrid.defaults.view.onAfterRender.call(this, target);
refreshView(target);
}, 添加到detailview.js跟groupview.js文件中,同时将$.extend($.fn.datagrid.defaults, {
emptyMsg: ‘没有相关数据,请选择条件查询!‘
});添加到detailview.js跟groupview.js文件最末尾

ps:在引用detailview.js跟groupview.js文件时记得加上charset="gb2312" 否则会出现乱码,若emptyMsg为英文则不会有问题

jquery easyui datagrid detailview groupview添加自定义视图view