ExtJs combo设置分页

最新推荐文章于 2021-01-13 05:53:14 发布

zdy32032319861105

最新推荐文章于 2021-01-13 05:53:14 发布

阅读量1.2k

点赞数

文章标签： extjs hashmap border layout string list

本文介绍如何在ExtJS中配置组合框以实现分页功能。通过设置pageSize属性并结合远程数据加载方式，可以自动展示分页工具栏。文章还展示了如何配置Store来使用HTTP代理及JSON读取器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ExtJs combo设置分页

{
         defaults:{xtype:'combo'},
         columnWidth: .45,
         layout:'form',
         labelWidth: 70,
         items:[{
         fieldLabel:'所属商家',
         blankText:'请选择商家',
         emptyText:'请选择商家...',
         hiddenName:'selectId',//提交传递的值
         mode:'remote',//设置为local,则加载本地数据
         autoHight:true,
         typeAheadDelay:1000,//默认延时查询250
         triggerAction:'all',//每次下拉均显示全部选项
         valueField:'id',//下拉框显示信息对应的值
         displayField:'shopName',//下拉框显示信息
         loadingText:'加载中...',
         selectOnFocus:true,//用户不能自己输入，只能选择列表中有的记录
         border:true,
         resizable:true,
         typeAhead:false,//防止自动填充，有的地方说的延时查询
         listWidth:200,//下拉框的宽度，200显示是不完整的
         minChars:4,//设置填充几个字节就去查询一次，默认为4个字节
         pageSize:5,//注意这句，combobox自带了分页，当 totalCount大于pageSize的时候会自动添加分页工具栏
         store: new Ext.data.Store({
          proxy:new Ext.data.HttpProxy({
          url:'shop/list_findShop.action',
           method:'post'
          }),
          reader:new Ext.data.JsonReader({
           totalProperty:'totalCount',
           root:'items'
          },
          ['id','shopName']
          )
         },this)
        }]
       }

HashMap map = new HashMap();
   int start = Integer.valueOf(getRequest().getParameter("start"));
   int limit = Integer.valueOf(getRequest().getParameter("limit"));
   System.out.println("      "+start+limit);
   map.put("startRow", start);
   map.put("endRow", limit);
   List shopList = shopService.findShops(map);
   long shoptotal = shopService.findTotalCount(map).size();
   System.out.println(shopList);
   //JSONArray shopjson = JSONArray.fromObject(shopList);
   String shopjson = ExtHelper.getJsonFromList(shoptotal, shopList);
   System.out.println(shopjson);
   getResponse().getWriter().write(shopjson.toString());