ExtJs:grid中json的数据绑定（转）

二、增加一个js grid3.js

/**//**

 * &＃64;author fox

 */

Ext.onReady(function() {

    Ext.BLANK_IMAGE_URL &＃61; &＃39;extjs/resources/images/default/s.gif&＃39;;

    Ext.QuickTips.init();

    var sm &＃61; new Ext.grid.CheckboxSelectionModel();

    var cm &＃61; new Ext.grid.ColumnModel([

        new Ext.grid.RowNumberer(),

        sm,

         {header:&＃39;编号&＃39;,dataIndex:&＃39;id&＃39;,sortable:true},

         {header:&＃39;名称&＃39;,dataIndex:&＃39;name&＃39;},

         {header:&＃39;描述&＃39;,dataIndex:&＃39;descn&＃39;}

    ]);

    //proxy直接去读取josn数据

    var ds &＃61; new Ext.data.Store( {

        proxy: new Ext.data.HttpProxy( {url:&＃39;gridjson.jsp&＃39;}),        

        reader: new Ext.data.JsonReader( {

            totalProperty: &＃39;totalProperty&＃39;,

            root: &＃39;root&＃39;,

            successProperty :&＃39;success&＃39;

        }, [

             {name: &＃39;id&＃39;,mapping:&＃39;id&＃39;,type:&＃39;int&＃39;},

             {name: &＃39;name&＃39;,mapping:&＃39;name&＃39;,type:&＃39;string&＃39;},

             {name: &＃39;descn&＃39;,mapping:&＃39;descn&＃39;,type:&＃39;string&＃39;}

        ])

    });

    var grid &＃61; new Ext.grid.GridPanel( {

        el: &＃39;grid3&＃39;, 

        ds: ds,

        sm: sm,

        cm: cm,

        width:700,

        height:280,

        bbar: new Ext.PagingToolbar( {

            pageSize: 10,

            store: ds,

            displayInfo: true,

            displayMsg: &＃39;显示第 {0} 条到 {1} 条记录&＃xff0c;一共 {2} 条&＃39;,

            emptyMsg: "没有记录"

        })

    });

    //el:指定html元素用于显示grid

    grid.render();//渲染表格

    ds.load( {params: {start:0, limit:10}});

});

三、因为grid3.js里的数据是通过url:&＃39;gridjson.jsp&＃39; 来读取的&＃xff08;实例用jsp比较方便&＃xff09;&＃xff0c;所以新建一个gridjson.jsp来产生json格式的数据

<%

String start &＃61; request.getParameter("start");

String limit &＃61; request.getParameter("limit");

try  {

    int index &＃61; Integer.parseInt(start);

    int pageSize &＃61; Integer.parseInt(limit);

    String json &＃61; "{totalProperty:100,root:[";

    for (int i &＃61; index; i < pageSize &＃43; index; i&＃43;&＃43;)  {

        json &＃43;&＃61; "{id:" &＃43; i &＃43; ",name:&＃39;name" &＃43; i &＃43; "&＃39;,descn:&＃39;descn" &＃43; i &＃43; "&＃39;}";

        if (i !&＃61; pageSize &＃43; index - 1)  {

            json &＃43;&＃61; ",";

        }

    }

    json &＃43;&＃61; "]}";

    response.getWriter().write(json);

} catch(Exception ex)  {

}

%>