Ext+jsp grid 分页问题

0 0

Ext+jsp grid 分页问题30

最近在看Ext那东西想弄简单的分页总是实现不了大哥大姐帮帮忙看一下.

first.js如下
Ext.onReady(function(){
    var sm = new Ext.grid.CheckboxSelectionModel();
    var cm = new Ext.grid.ColumnModel([
        new Ext.grid.RowNumberer(),
        sm,
        {header:'编号',dataIndex:'id'},
        {header:'名称',dataIndex:'name'},
        {header:'描述',dataIndex:'descn'}
    ]);
    cm.defaultSortable = true;

    var ds = new Ext.data.Store({
      proxy: new Ext.data.HttpProxy({url:'grid.jsp'}),
      reader: new Ext.data.JsonReader({
      totalProperty: 'totalProperty',
      root: 'root'

        }, [
            {name: 'id'},
            {name: 'name'},
            {name: 'descn'}
            ])
    });
    ds.load({params:{start:0,limit:2}});

    var grid = new Ext.grid.GridPanel({
        el: 'grid3',
        ds: ds,
        cm: cm,
        sm: sm,
        width:450,
        title: 'ASP->JSON',
        bbar: new Ext.PagingToolbar({
            pageSize: 10,
            store: ds,
            displayInfo: true,
            displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
            emptyMsg: "没有记录"
        }),
        tbar: new Ext.PagingToolbar({
            pageSize: 10,
            store: ds,
            displayInfo: true,
            displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
            emptyMsg: "没有记录"
        }),
        tbar: new Ext.Toolbar({
        items:[
                {
                    id:'buttonA'
                    ,text:"Button A"
                    ,handler: function(){ alert("You clicked Button A"); }
                }
                ,
                new Ext.Toolbar.SplitButton({})
                ,{
                    id:'buttonB'
                    ,text:"Button B"
                    ,handler: function(){ alert("You clicked Button B"); }
                }
                ,
                '-'
                ,{
                    id:'buttonc'
                    ,text:"Button c"
                }
            ]
        })

    });
    grid.render();
})

grid.jsp

<%
String start=request.getParameter("start");
String limit=request.getParameter("limit");
try{
      int index=Integer.parseInt(start);
      int pageSize=Integer.parseInt(limit);
      String json = "{totalProperty:100,root:[";
    for (int i = index; i < pageSize + index; i++) {
        json += "{id:" + i + ",name:'name" + i + "',descn:'descn" + i + "'}";
        if (i != pageSize + index - 1) {
            json += ",";
        }
    }
    json += "]}";
    System.out.println(json);
    response.getWriter().write(json);

}catch(Exception e){
      e.printStackTrace();
}
%>

为什么我显示的时候没数据显示呢?
问题补充：
我知道了原来jsp页面里面流没关闭

JavaScript EXT

2008年6月19日 16:18

qixing830
0
0 0 0

4个答案按时间排序按投票排序

0 0

首先，最好不要在jsp来处理返回数据，因为这样有可能产生html代码的。

然后用firefox来调试，查看response的数据和格式是否正确

2008年6月21日 10:54

kuru
51
0 0 0

添加评论

0 0

如果写的都正确的话，我觉得是由于你server端发的数据不是json类型的！我曾经就是遇到这个问题，郁闷了好久，检查一下吧，普通发送的数据都不是json类型的，要有专门的工具

2008年6月20日 23:13

peak
40
0 0 1

添加评论

0 0

这里有你要的答案：http://gavin213.iteye.com/admin/blogs/201891

2008年6月20日 09:15

gavin213
72
0 0 0

添加评论

0 0

这样的问题我也碰到过,不过好象是

for (int i = index; i < pageSize + index; i++) {
json += "{id:" + i + ",name:'name" + i + "',descn:'descn" + i + "'}";
if (i != pageSize + index - 1) {
json += ",";
}
}

的算法问题把那个ds.load({params:{start:0,limit:2}}); 改成ds.load({params:{start:0,limit:10}}); 试试

2008年6月19日 21:58