<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'admin.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <style type="text/css">
    .bold:hover{
               cursor: pointer;
    }
   .x-grid-row-over .x-grid-cell-inner {
           font-weight: bold;
    }
   .delete:hover{
   CURSOR: pointer;
   }
    </style>
  </head>
     <link href="resources/css/ext-all.css" type="text/css" rel="stylesheet" />
     <script type="text/javascript" src="ext-all.js"></script>
    <script type="text/javascript" src="grad-lya.js"></script>
  <body>
        <div id="admindata"></div>
    </body>
</html>Ext.require(["Ext.grid.*", "Ext.data.*"]);
Ext.onReady(function() {
    Ext.QuickTips.init();    Ext.define("MyData", {
        extend : "Ext.data.Model",
        fields : ["id", {
            name : "id",
            mapping : "id"
        }, {
            name : "username",
            mapping : "username"
        }, {
            name : "sex",
            type : "int"
        }, {
            name : "createDate",
            mapping : "createDate",
            type : "string"
        }, {
            name : "registDate",
            type : "string",
            mapping : "registDate"
        }]
    });
    var pageSize = 10;

var data = [{id:1,username:'张三',createDate:'1992-11-20',registDate:'1992-11-20'},
            {id:2,username:'龙映安',createDate:'1992-11-20',registDate:'2002-11-20'}];

    var store = Ext.create("Ext.data.Store", {
        model : "MyData",
        data:data,
        autoLoad : true
    });
    var grid = Ext.create("Ext.grid.Panel", {
        store : store,
        selType : 'checkboxmodel',
        selModel : {
            mode : 'id', 
            checkOnly : false
        },
        layout : "fit",
        columns : [{
            text : "用户名",
            width : 200,
            dataIndex : "username",
            sortable : true,
            renderer : function change(val) {
                return '<span style="color:red;font-weight:bold;" class="bold" >'+ val + '</span>';
            }
        }, {
            text : "性别",
            flex : 1,
            width : 100,
            dataIndex : "sex",
            sortable : false,
            renderer : function(v) {
                if (v == 1) {
                    return "男";
                } else {
                    return "女";
                }
            }
        }, {
            text : "创建日期",
            width : 200,
            dataIndex : "createDate",
            sortable : true
        }],
        height : 400,
        width : 800,
        x : 120,
        y : 40,
        title : "用户信息",
        renderTo : "admindata",
        trackMouseOver : true, // 鼠标特效
        autoScroll : true,
        stateful : true,
        stateId : 'stateGrid',
        viewConfig : {
            columnsText : "显示/隐藏列",
            sortAscText : "正序排列",
            sortDescText : "倒序排列",
            forceFit : true,
            stripeRows : true
        },
        bbar : new Ext.PagingToolbar({
            store : store, // 数据源
            pageSize : pageSize,
            displayInfo : true,
            displayMsg : '当前记录 {0} -- {1} 条 共 {2} 条记录',
            emptyMsg : "暂无数据显示",
            prevText : "上一页",
            nextText : "下一页",
            refreshText : "刷新",
            lastText : "最后页",
            firstText : "第一页",
            beforePageText : "当前页",
            afterPageText : "共{0}页"
        }),
        tbar : // 工具条
        [{
            text : '刷新',
            cls : 'refresh',
            handler : function(btn, pressed) {// 重置查询条件
                store.load({
                    params : {
                        start : 0,
                        limit : pageSize
                    }
                });
            }
        }]
    });
});大侠们帮分析下 什么地方出错了啊ExtJS分页