码迷,mamicode.com
首页 > 其他好文 > 详细

jqGrid根据数据动态设置rowList

时间:2019-08-30 14:17:06      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:for   div   grid   none   role   adc   nbsp   span   form   

技术图片
1 superme.rowList = [10,20,50,100];
2 superme.rowNum = 20;
全局属性
技术图片
loadComplete : function (data) {
    if(data.records>100) {
        $("#rowList").val(superme.rowNum);
        superme.rowList = [10,20,50,100,data.records];
        $("#last_viewShowPager").next().html("
                   <select id=‘rowList‘ class=‘ui- 
                     pg-selbox form-control‘ role=‘listbox‘ title=‘每页记录数‘>
                     <option role=‘option‘ value=‘10‘>10</option>
                     <option role=‘option‘ value=‘20‘>20</option>
                     <option role=‘option‘ value=‘50‘>50</option>
                     <option role=‘option‘ value=‘100‘>100</option>
                     <option role=‘option‘ value=‘"+data.records+"‘>"+data.records+" 
                     </option>
                   </select>");
                                 
                $("#viewShowGrid").jqGrid("setGridParam", {  
              rowList : superme.rowList, 
             }).trigger(‘reloadGrid‘);
          }
}
数据加载事件
技术图片
            $(document).on(‘change‘, ‘#rowList‘, function(o,n,l) {
                superme.rowNum = $("#rowList").val();
                $("#viewShowGrid").jqGrid("setGridParam", {  
                    rowNum : superme.rowNum, 
                }).trigger(‘reloadGrid‘);
                    });
rowList选中事件

 

jqGrid根据数据动态设置rowList

标签:for   div   grid   none   role   adc   nbsp   span   form   

原文地址:https://www.cnblogs.com/tangzeqi/p/11434365.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!