EXT.GRID JOSN

[TEST.ASP]

<html>
<head>
<title>CSS Example</title>
 <link rel="stylesheet" type="text/css" href="ext2.1/resources/css/ext-all.css" />
 <script type="text/javascript" src="ext2.1/adapter/ext/ext-base.js"></script>
 <script type="text/javascript" src="ext2.1/ext-all.js"></script>
 <script type="text/javascript" src="js.js"></script>
<script>
 Ext.onReady(function(){
  
    Ext.QuickTips.init();
    var sm = new Ext.grid.CheckboxSelectionModel();
    var cm = new Ext.grid.ColumnModel([
        new Ext.grid.RowNumberer(),
        sm,
        {header:'bh',dataIndex:'id',sortable:true},
        {header:'mc',dataIndex:'name'},
        {header:'ms',dataIndex:'descn'}
    ]);
   
    //
    var ds = new Ext.data.Store({
        proxy: new Ext.data.HttpProxy({url:'TEST.ASP'}),       
        reader: new Ext.data.JsonReader({
            totalProperty: 'totalProperty',
            root: 'root',
            successProperty :'success'
        }, [
            {name: 'id',mapping:'id',type:'int'},
            {name: 'name',mapping:'name',type:'string'},
            {name: 'descn',mapping:'descn',type:'string'}
        ])
    });

   
    var grid = new Ext.grid.GridPanel({
        el: 'grid3',
        ds: ds,
        sm: sm,
        cm: cm,
        width:700,
        height:280,
        bbar: new Ext.PagingToolbar({
            pageSize: 10,
            store: ds,
            displayInfo: true,
            displayMsg: '顯示 {0} 條到 {1}條記錄,一共 {2} 條',
            emptyMsg: "沒有記錄"
        })
    });
   
    grid.render();
    ds.load({params:{start:0, limit:10}});
});

</script>
</head>

<body>
  
 <div id="grid3" style="width: 100%;height: 100%"></div>
</body>
</html>

 

[TEST.ASP]        

<%
   
    json = "{totalProperty:10,root:["
    for i = 0 TO 10
        json =json& "{id:" & i & ",name:'name" & i & "',descn:'descn" & i & "'}"
        if i <> 10 THEN
            json =json& ","
     end if
       
     NEXT
    json =json&"]}"
    response.write(json)

%>

 

 

 

posted @ 2009-06-26 14:16  夜色狼  阅读(216)  评论(0编辑  收藏  举报