Extjs 4.2使用心得 --- combobox组合框和paging 分页工具使用技巧

Ext.define(‘Post‘, {
        extend: "Ext.data.Model",
        proxy: {
            type: ‘ajax‘,
            url: ‘/admin/organizations/ExtCombox/‘,
            reader: {
                type: ‘json‘,
                root: ‘orgs‘,
                totalProperty: ‘total‘
            }
        },
        fields: [
            {name: ‘id‘, mapping: ‘id‘},
            {name: ‘name‘, mapping: ‘name‘}
        ]
    });

    var ds = Ext.create(‘Ext.data.Store‘, {
        pageSize: 10,  //limit参数，每页显示条数，默认为25
        autoLoad:false,
        model: ‘Post‘
    });

    var combox = Ext.create(‘Ext.panel.Panel‘, {
        width: 320,
        bodyPadding: 1,
        layout: ‘anchor‘,
        items: [
            {
                xtype: ‘combo‘,
                store: ds,
                displayField: ‘name‘,
                minChars: 4,  //最小字符数
                typeAhead: false,
                hideLabel: true,
                hideTrigger: true,
                anchor: ‘100%‘,
                multiSelect: false,
                queryDelay: 1000,
                queryMode: ‘remote‘,  //读取远程数据 读本地数据为 local
                queryParam: ‘sSearch‘,  //查询参数，默认为 query
                listConfig: {
                    loadingText: ‘查找中.‘,
                    emptyText: ‘没有符合的数据‘
                    // minHeight,maxHeight,minWidth,maxWidth:100 下拉框最小，最大高度和宽度设置
                },
                pageSize: 10  //下拉列表框的分页大小,大于0则自动创建分页栏
            },
            {
                xtype: ‘component‘,
                style: ‘margin-top:10px‘,
                html: ‘最少输入4位字符‘
            }
        ]
    });

{"orgs": [{"id": 9110, "name": "\u5317\u4eac\u5510\u62c9\u96c5\u79c0\u9152\u5e97\u66a8\u5317\u4eac\u71d5\u4eac\u996d\u5e97\u6709\u9650\u8d23\u4efb\u516c\u53f8"}, {"id": 669, "name": "\u5317\u4eac\u79d1\u822a\u6295\u8d44\u6709\u9650\u516c\u53f8"}, {"id": 11464, "name": "\u6d77\u822a\u4e91\u7aef\u4f20\u5a92\uff08\u5317\u4eac\uff09\u6709\u9650\u516c\u53f8"}, {"id": 15, "name": "\u5317\u4eac\u884c\u653f\u4e2d\u5fc3"}, {"id": 567, "name": "\u5317\u4eac\u822a\u7ad9\u63a7\u5236\u4e2d\u5fc3"}, {"id": 405, "name": "\u5317\u4eac\u5b89\u5168\u529e\u516c\u5ba4"}, {"id": 358, "name": "\u5317\u4eac\u8425\u4e1a\u90e8"}, {"id": 6509, "name": "\u5317\u4eac\u65b0\u534e\u7a7a\u6e2f\u822a\u7a7a\u98df\u54c1\u6709\u9650\u516c\u53f8"}, {"id": 587, "name": "\u5317\u4eac\u8425\u8fd0\u57fa\u5730"}, {"id": 8912, "name": "\u5317\u4eac\u9996\u90fd\u822a\u7a7a\u6709\u9650\u516c\u53f8"}], "total": 141}