easyUI datagrid view 확장

3173 단어 datagrid
 1 // easyuidatagrid 

 2 var emptyView = $.extend({}, $.fn.datagrid.defaults.view, {

 3     onAfterRender: function (target) {

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

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

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

 7         if (opts.rownumbers) {

 8             vc.children('div.datagrid-view1').css('display', 'block');

 9         }

10         if (opts.showFooter) {

11             vc.children('div.datagrid-view2').children('div.datagrid-footer').css('display', 'block');

12         }

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

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

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

16             vc.children('div.datagrid-view1').css('display', 'none');

17             vc.children('div.datagrid-view2').children('div.datagrid-footer').css('display', 'none');

18         }

19     }

20 });

데이터 grid를 초기화할 때
view: emptyView, emptymsg: "관련 데이터 없음",
... 하면 된다

좋은 웹페이지 즐겨찾기