读书人

EXT中json解析后写入grid出有关问题

发布时间: 2012-03-18 13:55:39 作者: rapoo

EXT中json解析后写入grid出问题
各位大虾,我想通过form.getForm().submit的方式将表单向后台发送请求。(这样可以直接将当前表单提交上去,就不需要我一个一个属性的写在url里了,所以,想用这个方式去做。)然后,从后台传回来一个json串,现在我拿着这个json串不知道怎么转成grid能用的数据,你们都是怎么做的呢?
下面是我要做的方式:
/*
* 1,将form表单传向后台ExtTemplate.aspx
* 2,后台处理json串,并将结果组装成新的json串返回
* 3,前台接收json串,并显示在前台grid上
*/

[解决办法]
建议你去网上下个酒店管理EXTJS版本的
http://www.51aspx.com/CV/ExtjsHotelManage/

里面从UI到数据库操作都有
[解决办法]

JScript code
Ext.onReady(function(){        //定义数据结构    var fields = ["id","name","email","sex","age"];    //定义数据    //1.数组//    var data = [//        ["1","Troy1","TroyYoung@mwords.com","0","20"],//        ["2","Troy2","TroyYoung@mwords.com","1","21"],//        ["3","Troy3","TroyYoung@mwords.com","1","22"],//        ["4","Troy4","TroyYoung@mwords.com","0","23"],//        ["5","Troy5","TroyYoung@mwords.com","0","24"]//    ];    //2.json数据    var data = {result:[        {id:"1",name:"Troy1",email:"TroyYoung@mwords.com",sex:"0",age:"20"},        {id:"2",name:"Troy2",email:"TroyYoung@mwords.com",sex:"0",age:"21"},        {id:"3",name:"Troy3",email:"TroyYoung@mwords.com",sex:"0",age:"22"},        {id:"4",name:"Troy4",email:"TroyYoung@mwords.com",sex:"0",age:"23"},        {id:"5",name:"Troy5",email:"TroyYoung@mwords.com",sex:"0",age:"24"}        ]};        //数据与数据结构的映射格式//    //1.将数据结构和数据组合//    var store = new  Ext.data.SimpleStore({//        fields:fields,//        data:data//    });    //2.使用数组数据解析器//    var store = new Ext.data.Store({//        data:data,//        reader:new Ext.data.ArrayReader({id:"id"},fields)//    });    //3.使用json数据解析器//    var store = new Ext.data.Store({//        data:data,//        reader:new Ext.data.JsonReader({id:"id",root:"result"},fields)//    });    //4.使用jsonStore    var store = new Ext.data.JsonStore({        id:"id",        data:data,        fields:fields,        root:"result"    });    //定义表头    var cm = new Ext.grid.ColumnModel([        {header:"id",dataIndex:"id"},        {header:"姓名",dataIndex:"name"},        {header:"Email",dataIndex:"email"},        {header:"性别",dataIndex:"sex"},        {header:"年龄",dataIndex:"age"}        ]);            //定义GridPanel    var grid = new Ext.grid.GridPanel({        title:"Grid数据列表显示",        width:600,        autoHeight:true,        cm:cm,        store:store    });        //显示数据    grid.render(Ext.getBody());}); 

读书人网 >JavaScript

热点推荐