zfu3382548 2012-09-25 11:38
浏览 321
已采纳

extjs 一次加载数据 前台分页问题

后台拿到的json
[code="js"]
[['0','张三','0','15246532154'],['1','李四','0','15246532154'],['2','王五','0','15242342154'],['3','李磊','0','15245678987'],['4','卡卡','0','12321313321'],['5','阿斯达','1','12131312322'],['6','斯巴达','1','11231231231'],['7','李欧','1','23343434343']]
[/code]

前台ext代码:
[code="js"]
/**

  • 前台分页
    */
    Ext.onReady(function() {

    var sm = new Ext.grid.CheckboxSelectionModel();

    var cm = new Ext.grid.ColumnModel([
    // 序号
    new Ext.grid.RowNumberer(), sm, {
    header : '编号',
    dataIndex : 'id',
    sortable : true,
    type : 'int'
    }, {
    header : '姓名',
    dataIndex : 'name'
    }, {
    header : '性别'

        }, {
            header : '电话',
            dataIndex : 'phone'
        }]);
    

    var reader = new Ext.data.ArrayReader({}, [{
    name : 'id'
    }, {
    name : 'name'
    }, {
    name : 'sex'
    }, {
    name : 'phone'
    }]);

    var store = new Ext.data.Store({
    reader : reader
    });
    // 读取后台传递于前台数据
    Ext.Ajax.request({
    url : '../test/user2.show',
    method : 'get',
    success : function(response, opts) {
    var obj = Ext.decode(response.responseText);// obj储存响应的数据
    store.proxy = new Ext.data.PagingMemoryProxy(obj) // PagingMemoryProxy()
    // 一次性读取数据
    },
    failure : function() {
    Ext.Msg.alert("读取数据失败");
    }
    });
    // 分页条
    var pagebar = new Ext.PagingToolbar({
    pageSize : 5,// 每页显示条数
    store : store,
    beforePageText : "当前第",
    afterPageText : "页,共{0}页",
    lastText : "尾页",
    nextText : "下一页",
    prevText : "上一页",
    firstText : "首页",
    refreshText : "刷新页面",
    displayInfo : true,
    displayMsg : "当前显示 {0} - {1}条, 共 {2}条",
    emptyMsg : "没有记录"
    });

    var grid = new Ext.grid.GridPanel({
    renderTo : 'grid',
    autoHeight : true,
    store : store,
    mode : "remote",
    cm : cm,
    sm : sm,
    loadMask : {
    msg : '正在加载数据,请稍侯……'
    },
    tbar : pagebar

    });
    

    store.load({
    params : {
    start : 0,
    limit : 5
    }
    });// 按5条记录分布

    });
    [/code]

[code="html"]



前台分页









[/code]

页面始终处于加载中,分页数据不显示。求指导。

  • 写回答

1条回答 默认 最新

  • iteye_5246 2012-09-25 11:45
    关注

    ArrayReader的用法很简单,但缺点是不支持分页
    要分页选用 JsonReader

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥170 如图所示配置eNSP
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改
  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上