datagrid返回记录为0时显示“没有记录”

datagrid返回记录为0时显示“没有记录”

分类： 扩展发表于 2013-11-27 18:06 , 已有 7093次阅读

datagrid返回记录为0时显示“没有记录”，此问题的解决方案是扩展默认view视图。如下：

01

<script>

02	var myview = $.extend({},$.fn.datagrid.defaults.view,{

03	onAfterRender:function(target){

04	$.fn.datagrid.defaults.view.onAfterRender.call(this,target);

05	var opts = $(target).datagrid('options');

06	var vc = $(target).datagrid('getPanel').children('div.datagrid-view');

07	vc.children('div.datagrid-empty').remove();

08	if (!$(target).datagrid('getRows').length){

09	var d = $('<div class="datagrid-empty"></div>').html(opts.emptyMsg || 'no records').appendTo(vc);

10

d.css({

11	position:'absolute',

12

left:0,

13

top:50,

14	width:'100%',

15	textAlign:'center'

16

});

17

}

18

}

19

});

20

</script>

使用方法：

使用datagrid myview”和一个可选的属性(emptyMsg)。

1	$('#dg').datagrid({

2	view: myview,

3	emptyMsg: 'no records found'

4

});