一个两种方法供选择，一种是扩展view视图方法，另一种是利用onloadsuccess事件，两种方法全凭个人喜好。
|
1
2
3
4
5
6
7
|
onLoadSuccess : function(data) {
if (data.total == 0) {
var body = $(this).data().datagrid.dc.body2;
console.info(body);
body.find('table tbody').append('<tr><td width="' + body.width() + '" style="height: 35px; text-align: center;"><h1>暂无数据</h1></td></tr>');
}
}
|
扩展默认view视图。如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<script>var myview = $.extend({},$.fn.datagrid.defaults.view,{
onAfterRender:function(target){
$.fn.datagrid.defaults.view.onAfterRender.call(this,target);
var opts = $(target).datagrid('options');
var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
vc.children('div.datagrid-empty').remove();
if (!$(target).datagrid('getRows').length){
var d = $('<div class="datagrid-empty"></div>').html(opts.emptyMsg || 'no records').appendTo(vc);
d.css({
position:'absolute',
left:0,
top:50,
width:'100%',
textAlign:'center'
});
}
}
});</script> |
使用方法：
使用datagrid myview”和一个可选的属性(emptyMsg)。
|
1
2
3
4
|
$('#dg').datagrid({
view: myview,
emptyMsg: 'no records found'
}); |
crackernet