问题与EXTJS 4网格

我想加载一个JSON字符串到EXTJS网格。我得到的错误是来自ext-all-debug.js的Uncaught TypeError: Cannot read property 'prototype' of undefined。问题与EXTJS 4网格

这是我的代码为js文件。

$(document).ready(function() { 
    var store = new Ext.data.Store(
    { 
     proxy: new Ext.data.HttpProxy(
      { 
       url: 'http://localhost:3197/Home/GetSecondaryOfferings' 
      }), 
     reader: new Ext.data.JsonReader(
      { 
       root: 'items', 
       totalProperty: 'totalCount', 
       id: 'id', 
       fields: [{name:'CUSIP', mapping: 'CUSIP'},'DESCRIPTION','COUPONRATE','ASKPRICE'] 
      }) 
    }); 
    store.load(); 

    var grid = new Ext.grid.GridPanel({ 
    store: store, 
    columns: [ 
     { header: 'CUSIP', dataIndex: 'CUSIP'}, 
     { header: 'Description', dataIndex: 'DESCRIPTION', width: 100 }, 
     { header: 'COUPONRATE', dataIndex: 'COUPONRATE', width: 100 }, 
     { header: 'ASKPRICE', dataIndex: 'ASKPRICE', width: 100 } 
    ], 
    renderTo: 'example-grid2', 
    width: 1000, 
    autoHeight: true, 
    title: 'Employees' 
    }); 
});

这里是返回的JSON文件的样本，它得到的返回....

{"items":[{"CUSIP":"989701AL1","DESCRIPTION":"ZIONS BANCORPORATIONSB NT 5.65000% 05/15/2014","COUPONRATE":" 5.650","ASKPRICE":" 104.450"}],"totalCount":3316}

良好的措施，这里是.cshtml文件。我正在使用ASP MVC。

@{ 
    ViewBag.Title = "About Us"; 
} 

<h2>About</h2> 
<p></p> 
    @section JavaScript 
    { 
    <link href ="@Url.Content("~/Content/resources/css/ext-all.css")" rel="Stylesheet" type="text/css"/> 
<link rel="stylesheet" type="text/css" [email protected]("~/Content/resources/css/ext-all.css") /> 
    <link rel="stylesheet" type="text/css" [email protected]("~/Content/examples/shared/example.css") /> 
    <script type="text/javascript" [email protected]("~/Content/bootstrap.js")></script> 


     <script type="text/javascript" [email protected]("~/Content/examples/grid/FIO8472-JSON.js")></script> 
    } 
<div id="example-grid"></div> 
<div id="example-grid2"></div>

任何帮助表示赞赏。

来源

2011-05-05 Patrick

在这里看到：http://whatisextjs.com/extjs-4-ajax/asp-net-ajax-extjs-4-grid-4 – 2011-12-16 14:52:48

你的店需要的模型
这样的：

Ext.define('AM.model.User', { 
    extend: 'Ext.data.Model', 
    fields: ['id', 'name', 'email'] 
});

看起来本例新店定义的ExtJS 4“（从简单的应用程序为例），并尝试使用MVC应用程序架构

Ext.define('AM.store.Users', { 
    extend: 'Ext.data.Store', 
    model: 'AM.model.User', 
    autoLoad: true, 

    proxy: { 
     type: 'ajax', 
     api: { 
      read: 'data/users.json', 
      update: 'data/updateUsers.json' 
     }, 
     reader: { 
      type: 'json', 
      root: 'users', 
      successProperty: 'success' 
     } 
    } 
});

希望帮助

来源

2011-05-12 23:11:00 cranberies

您正在使用jQuery启动JavaScript代码。 ExtJS有它自己的代码启动器。您的代码需要在onReady()方法中。

例子：

Ext.onReady(function() { 
    var store = new Ext.data.Store(
    . 
    . 
    . // rest of your code 
});

由于您使用ExtJs4，尝试新的MVC application architecture为好。

来源

2011-05-05 13:04:08

仍然有相同的错误。还有其他建议吗？ – Patrick 2011-05-05 13:26:06

您是否尝试显示简单的消息框而不是完整的代码？尝试一些简单的..只是为了测试.. – 2011-05-05 15:30:34

工程，消息框，Ext.Msg.alert（'状态'，'更改成功保存'）; – Patrick 2011-05-05 16:54:14

问题与EXTJS 4网格

回答

相关问题