如何在 ext.net mvc 中动态绑定网格？答案

【问题标题】：How to bind grid dynamically in ext.net mvc?如何在 ext.net mvc 中动态绑定网格？
【发布时间】：2015-08-14 02:22:44
【问题描述】：

我是 ext.net mvc 的新手。我有在 ext.net mvc 中绑定网格的问题。我的代码如下。我检查了服务返回 json 数据。但不在网格视图中显示任何数据。我的代码中缺少任何内容。如何在网格中绑定json数据？请告诉我任何其他方法。我在网上没有找到很多关于 ext.net mvc 的示例。

@{
ViewBag.Title = "A Task";
//Layout = "~/Views/Shared/_BaseLayout.cshtml";
  } 

    <script type="text/javascript" src="http://extjs-public.googlecode.com/svn/tags/ext-2.2/release/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="http://extjs-public.googlecode.com/svn/tags/ext-2.2/release/ext-all.js"></script>
<script type="text/javascript">

Ext.onReady(function () {
    var store = new Ext.data.JsonStore({
        url: 'http://localhost:49813/Areas/ASample/WcfService/AService.svc/GetDatas',
        root: 'GetDatas',
        idProperty: 'Id',
        fields: ['Id', 'Employee_Name'],
        remoteSort: true,
        autoLoad: true
    });
    var cm = new Ext.grid.ColumnModel({
        columns: [
                    { header: 'Id', dataIndex: 'Id', hidden: true },
                    { header: 'Employee Name', dataIndex: 'Employee_Name', width: 100 }

        ],
        defaults: {
            sortable: true,
            scope: this,
            menuDisabled: true,
            align: 'left'
        }
    });
    alert(1);
    var grid = new Ext.grid.GridPanel({
        title: 'Employees',
        store: store,
        colModel: cm,
        renderTo: Ext.get('divGrid'),
        width: 500,
        height: 350,
        border: true,
        loadMask: true
    });
});

</script>

<h2>A Task</h2>

【问题讨论】：

标签： asp.net-mvc asp.net-mvc-4 extjs

【解决方案1】：

加载存储是异步的，那么谁说存储是否已加载？尝试收听store.load 事件，然后在网格上执行reconfigure。

您也可以将 autoLoad 设置为 false 并手动设置 load 商店。

【讨论】：