当前位置: 代码迷 >> Java Web开发 >> js中的GridPanel怎么能把数据搞出来
  详细解决方案

js中的GridPanel怎么能把数据搞出来

热度:9019   发布时间:2013-02-25 21:16:43.0
js中的GridPanel如何能把数据搞出来?
我的json数据格式为:
total:3,dataList:[{"id":1,"backResult":"附件张数不对"},{"id":2,"backResult":"附件不清楚"},{"id":3,"backResult":"附件张数不对"}]

在java中封装了JSONArray:
Java code
ServletActionContext.getResponse().setCharacterEncoding("utf-8");PrintWriter out = ServletActionContext.getResponse().getWriter();//out.print(jsonString.toString());out.write(jsonString.toString());

jsonString就是上面的数据内容。

现在我在js页面中这这样写的:
JScript code
backReasonManage = function() {    var pageSize = 20;    var reader = new Ext.data.JsonReader({                root : 'dataList',                totalProperty : 'total',                id : 'id'            }, [{name : 'id',mapping : 'id'},                {name : 'backResult',mapping : 'backResult'}                    ]);    var store = new Ext.data.Store({                url : 'getAllBackReasonMessage.action',                reader : reader            });        store.load({                params : {                    start : 0,                    limit : pageSize                }            });    store.on('load',function(store){        alert(store.getTotalCount());    });//    store.on('loadexception', function() {////                store.removeAll();////                bar.bind(store);//                Ext.Msg.alert('查询', '数据加载错误!请重试');//            });    var colModel = new Ext.grid.ColumnModel([{                            header : '序号',                            whdth : 100,                            sortable : true,                            dataIndex : 'id'                        },{                            header : '退回原因',                            width : 100,                            sortable : true,                            dataIndex : 'backResult'                        }]);    colModel.defaultSortable = true;    var dataGrid = new Ext.grid.GridPanel({                store : store,                region : 'center',                cm : colModel,                stripeRows : true,                viewConfig : {                    forceFit : true                },                sm : new Ext.grid.RowSelectionModel({                            singleSelect : true                        }),                trackMouseOver : false,                loadMask : {                    msg : '正在加载数据,请稍侯……'                }                //title : 'User Information List',//                bbar : bar            });    var queryPanel = new Ext.Panel({        title : "",        layout : 'border',        width : 800,        height : 600,        frame : true,        border : true,        buttonAlign : 'right',        items : [dataGrid],        buttons : [{                    text : '新增',                    handler : function() {                        }, {                    text : '修改',                    handler : function() {                                        }                ]    });    // 刷新    function refreshGrid() {        dataGrid.getStore().reload();    };};Ext.extend(backReasonManage, Ext.Panel);Ext.onReady(backReasonManage);


但是总是加载不到数据,求教怎么回事?

------解决方案--------------------------------------------------------
JScript code
  var reader = new Ext.data.JsonReader({                root : 'dataList',                totalProperty : 'total',                id : 'id'            }, [{name : 'id',mapping : 'id'},                {name : 'backResult',mapping : 'backResult'}                    ]);
------解决方案--------------------------------------------------------