这是一个json数据
"{totalPorperty:9,root:[{'2306271c-6d7a-40af-b26f-dd77595138e6','333333333','tttt','tttt','tttt','564654','yyyyyyyyyyyyyyyy','2009-4-2 14:48:59',False},{'d492875f-51f9-448c-98f8-4718d19150ae','ewrewr','bbbb','bbbb','bbbb','fdsfds','gggggggggggg','2009-4-2 14:48:49',False}]}"前台页面如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EexjsTest.aspx.cs" Inherits="EexjsTest" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<link rel="stylesheet" type="text/css" href="ext-all.css"/>   
    <script type="text/javascript" src="ext-base.js"></script>   
    <script type="text/javascript" src="ext-all.js"></script>   
    <script type="text/javascript" src="ext-lang-zh_CN.js"></script>
     <link rel="stylesheet" type="text/css" href="panel.css"/>  
     <link rel="stylesheet" type="text/css" href="examples.css"/>  
 
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       <script type="text/javascript">
       Ext.onReady(ready);
    function ready()
    {
       
        var url1 = 'ExtJsgrid.aspx';
        var sm = new Ext.grid.CheckboxSelectionModel();
        
        var cm = new Ext.grid.ColumnModel
        ([        
            sm,new Ext.grid.RowNumberer({header:'编号',width:50}),
            {header:'用户ID',dataIndex:'UserID',width:100,hidden:true},
            {header:'用户名',dataIndex:'UserName',width:100},
            {header:'密码',dataIndex:'PassWord',width:100},
            {header:'真实姓名',dataIndex:'TrueName',width:100,editor:new Ext.form.TextField()},
            {header:'泥称',dataIndex:'NickName',width:100,editor:new Ext.form.TextField()},
            {header:'职位',dataIndex:'Position',width:100},
            {header:'邮件地址',dataIndex:'EmailAddress',width:100},
            {header:'注册日期',dataIndex:'CreateDate',width:100,renderer:Ext.util.Format.dateRenderer('Y年m月d日')},
            {header:'状态',dataIndex:'Deleted',width:100,renderer:function(value){if(value==false) {return '显示';} else {return '隐藏';}}}
        ]);
        cm.defaultSortable = true; 
        
              var store = new Ext.data.Store 
        ({
            proxy:new Ext.data.HttpProxy({url:url1}),            reader:new Ext.data.JsonReader({totalProperty:'totalPorperty',root:'root',fields:[{name:'UserID'},
                {name:'UserName'},
                {name:'PassWord'},
                {name:'TrueName'},
                {name:'NickName'},
                {name:'Position'},
                {name:'EmailAddress'},
                {name:'CreateDate'},
                {name:'Deleted'}]})
        });
       store.load({params:{start:0,limit:2}});
        
        var pagingBar = new Ext.PagingToolbar
        ({
            displayInfo:true,emptyMsg:'没有数据显示',displayMsg:'显示从{0}条数据到{1}条数据,共{2}条数据',
            store:store,
            pageSize:2
        });
        var grid = new Ext.grid.GridPanel 
        ({
            renderTo:document.body,
            id:'MenuGridPanel',
            frame:true,
            border:true,
            width:600,
            height:450,
            autoScroll:true, 
            store:store,
            loadMask: {msg: '正在查询,请稍候...'},
            sm:sm,
            cm:cm,
            viewConfig:{forceFit: true},
            title:'Ext2.2全新功能版系列之--显示列表',
            bbar:pagingBar
        });   
    }
    
    </script>
   <div id="grid1"></div>
    </div>
    </form>
</body>
</html>现在的问题是gridpanel没有显示数据,分页栏也没显示,里面的icon也没显示各位帮忙看看是怎么回事啊?!

解决方案 »

  1.   

    你参考一下这个
    var store = new Ext.data.JsonStore({
            root: 'topics',
            totalProperty: 'totalCount',
            idProperty: 'threadid',
            remoteSort: true,

            fields: [
                'title', 'forumtitle', 'forumid', 'author',
                {name: 'replycount', type: 'int'},
                {name: 'lastpost', mapping: 'lastpost', type: 'date', dateFormat: 'timestamp'},
                'lastposter', 'excerpt'
            ],        // load using script tags for cross domain, if the data in on the same domain as
            // this page, an HttpProxy would be better
            proxy: new Ext.data.ScriptTagProxy({
                url: 'http://extjs.com/forum/topics-browse-remote.php'
            })
        });
      

  2.   

      <div id="grid1"> </div> 这个加个高度看看。或是里面写些东西
      

  3.   

    回楼上的,没用,而且我是renderTo:document.body
      

  4.   

    没人有反应吗?????CSDN上都没高手啦!!!