datagrid返回记录为0时显示提示信息

一个两种方法供选择，一种是扩展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' });

本文转自问道博客51CTO博客，原文链接http://blog.51cto.com/450236/1842470如需转载请自行联系原作者

crackernet