KLL 2012-08-29 10:01
浏览 207
已采纳

ext grid显示json数据

刚开始学ext,在网上找了个例子就是数据都不出来
<%--Default.aspx--%>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Ext-Example</title>
    <link rel="Stylesheet" type="text/css" href="ext-4.0-pr5/resources/css/ext-all.css" />
    <script type="text/javascript" src="ext-4.0-pr5/bootstrap.js"></script>
    
    <script type="text/javascript">
        
        Ext.onReady(function(){

            var proxy=new Ext.data.HttpProxy(    
                {
                    url:'Default2.aspx'
                }
            );
            //定义reader
            var reader=new Ext.data.JsonReader(
                {
                },
                [
                    {name: 'appeId'},
                    {name: 'survId'},
                    {name: 'location'}, 
                    {name: 'surveyDate'},
                    {name: 'surveyTime'},
                    {name: 'inputUserId'}           
                ]
            )
            //构建Store   
            var store=new Ext.data.Store(    {
              proxy:proxy,
              reader:reader
            });
            
            //载入
            store.load();

            // create the grid
            var grid = new Ext.grid.GridPanel({
                store: store,
                columns: [
                    {header: "appeId", width: 60, dataIndex: 'appeId', sortable: true},
                    {header: "survId", width: 60, dataIndex: 'survId', sortable: true},
                    {header: "location", width: 60, dataIndex: 'location', sortable: true},
                    {header: "surveyDate", width: 100, dataIndex: 'surveyDate', sortable: true},
                    {header: "surveyTime", width: 100, dataIndex: 'surveyTime', sortable: true},
                    {header: "inputUserId", width:80, dataIndex: 'inputUserId', sortable: true}
                ],
                renderTo:'example-grid',
                width:540,
                height:200
            });
        });
        
    </script>
    
</head>
<body>
    <form id="form1" runat="server">
    <div id="example-grid">
    
    </div>
    </form>
</body>
</html>
<%--Default2.aspx--%>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<%=strJson %>
<%--Default2.aspx.cs--%>
public string strJson;
    protected void Page_Load(object sender, EventArgs e)
    {
        strJson = @"
            [
                {'appeId':'1','survId':'1','location':'','surveyDate':'2008-03-14','surveyTime':'12:19:47','inputUserId':'1','inputTime':'2008-03-14 12:21:51','modifyTime':'0000-00-00 00:00:00'},
                {'appeId':'2','survId':'32','location':'','surveyDate':'2008-03-14','surveyTime':'22:43:09','inputUserId':'32','inputTime':'2008-03-14 22:43:37','modifyTime':'0000-00-00 00:00:00'},
                {'appeId':'3','survId':'32','location':'','surveyDate':'2008-03-15','surveyTime':'07:59:33','inputUserId':'32','inputTime':'2008-03-15 08:00:44','modifyTime':'0000-00-00 00:00:00'},
                {'appeId':'4','survId':'1','location':'','surveyDate':'2008-03-15','surveyTime':'10:45:42','inputUserId':'1','inputTime':'2008-03-15 10:46:04','modifyTime':'0000-00-00 00:00:00'},
                {'appeId':'5','survId':'32','location':'','surveyDate':'2008-03-16','surveyTime':'08:04:49','inputUserId':'32','inputTime':'2008-03-16 08:05:26','modifyTime':'0000-00-00 00:00:00'},
                {'appeId':'6','survId':'32','location':'','surveyDate':'2008-03-20','surveyTime':'20:19:01','inputUserId':'32','inputTime':'2008-03-20 20:19:32','modifyTime':'0000-00-00 00:00:00'}
            ]";
    }
  • 写回答

3条回答

      报告相同问题?

      相关推荐 更多相似问题

      悬赏问题

      • ¥15 请问这个脚本bat清除tmp文件,会导致硬盘文件损坏吗?(操作系统-windows)
      • ¥15 IncredBuild报错
      • ¥15 锂电池偏最小二乘法参数辩识
      • ¥15 session失效问题
      • ¥15 GMS地下水数值模拟无法打开
      • ¥15 树型结构的数据怎么匹配分支
      • ¥15 stm32F4用.引不出来结构体成员怎么解决
      • ¥30 Syntax Error: TypeError: this.getOptions is not a function的问题
      • ¥15 eclipse Android环境搭建
      • ¥15 unity中脚本之间的继承有什么作用