日期:2014-05-17  浏览次数:20407 次

求一EXTJS 的grid控件绑定后台dt简单例子
自己摸了两天还是没搞出来。
求一例子:
用VS2010的MVC建的项目,EXTJS 4.0 中的GRID控件从后台DataTable中取数据

例子最好简单点两三个字段就行了!谢谢!

------解决方案--------------------
参考:http://blog.csdn.net/linkyou/article/details/6586387
------解决方案--------------------
var cm = new Ext.grid.ColumnModel([
    new Ext.grid.RowNumberer(),
    { header: '单位代码', dataIndex: 'UnitId', sortable: true, hidden: true },
    { header: '单位代码', dataIndex: 'TypeCode', sortable: true, width: 100 },
    { header: '单位名称', dataIndex: 'UnitNAME', sortable: true, width: 110 }
      ]);
var store = new Ext.data.Store({
   proxy: new Ext.data.HttpProxy({ url: 'UnitList.aspx?cmd=list' }),//你请求数据的路径
   reader: new Ext.data.JsonReader({ totalProperty: 'totalProperty', root: 'root' },
                [
                    { name: 'UnitId' },
                    { name: 'TypeCode' },
                    { name: 'UnitNAME' }
                ]
           ),
    });

    var grid = new Ext.grid.GridPanel({
        store: store,
        cm: cm,
        renderTo: Ext.getBody(),
        border: false,
        stripeRows: true,
        loadMask: true,
        frame: false,
        autoHeight: true,
        viewConfig: { forceFit: true },
        monitorResize: true,
        listeners:
        {
          "rowdblclick": function (grid, rowIndex, e) {
            alert("行双击事件!");                  }
        }
    });
  store.load();
--------------