Question

我是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>

Answer 1

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

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

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

1 个答案: