ext分页

<script type="text/javascript" src="<%=path%>/extjs/UserControl/PageComboResizer.js"></script>
引用分页js

<%=jsjx.smart.web.controller.HomeController.extModel("TUDevInfo", "TUDevInfoModel", "createtime,lastopertime")%>
var pageSize = 100;//定义每页数据量
var storeUDevInfo = Ext.create('Ext.data.Store', {
    autoLoad: true,
    model: 'TUDevInfoModel',
    pageSize: pageSize,
    folderSort: false,
    proxy: {
        type: 'ajax',
        url: 'TUDev/loadDevList',
        reader: {
            type: 'json',
            rootProperty: 'data',
            totalProperty: 'total'
        }
    },
    listeners: {
        beforeload: function (store, options) {
            var params = {
                udevid: textDev.getValue(),
                UDevCatCode: uDevCatCode.getValue(),
                AreaCode: _AreaCode
            };
            Ext.apply(store.proxy.extraParams, params);
        }
    }
});

var pagingToolbar = new Ext.PagingToolbar({//新建分页工具栏
    pageSize: pageSize,
    store: storeUDevInfo,
    displayInfo: true,
    displayMsg: '显示第{0}—{1}条记录，共{2}条记录',
    emptyMsg: '没有记录',
    plugins: [Ext.create('Ext.ux.PageComboResizer')]
});

 var smUDevInfo = Ext.create('Ext.selection.CheckboxModel', {mode: 'single'});
            var _EmpID = '';
            var gridUDevInfo = Ext.create('Ext.grid.Panel', {
                region: 'center',
                columnLines: true,
                preventHeader: true,
                width: "80%",
                height: "100%",
                store: storeUDevInfo,
                selModel: smUDevInfo,
                dockedItems: [tbarUDevInfo],
                bbar: pagingToolbar,
                defaults: {titleAlign: 'center'},
                columns: [
                    Ext.create('Ext.grid.RowNumberer', {text: '行号', width: 50}),
//                    { header: '设备ID', dataIndex: 'udevid',  align: 'center',width:100 },
                    {header: '设备名称', dataIndex: 'udevname', align: 'center', width: 100},
                    {header: '类别图标', dataIndex: 'url', align: 'center', width: 80, renderer: Tubiao},
               
                    {header: '备注', dataIndex: 'note', align: 'center', width:120}
                ],
                viewConfig: {
                    enableTextSelection: true
                }
            });