EXTJS网格数据问题

我有Extjs网格组件的问题。如果你看看附带的屏幕截图，你会看到两行JSON数据是正确的。EXTJS网格数据问题

但是，您可以看到附带的屏幕截图，ExtJS网格组件仅显示一条奇怪的问题。我什么都试过没有成功:(

这里是ExtJS的代码：

数据用户部段的商店：

var customersStore = new Ext.data.JsonStore({ 
    root: 'customers', 
    baseParams: { action: 'customers'}, 
    proxy: new Ext.data.HttpProxy({ 
     url: '../invoice/grid-master-details.php', 
     method: 'POST' 
    }), 
    fields: ['MetroNo', 'SpecVatNo', 'HomeStoreNo', 'CustShortName', 'StoreName', 'months', 
    { name: 'invtotal', type: 'float' }, 
    { name: 'invcount', type: 'int' }], 
    idProperty: 'MetroNo' 
});

网格初始化参数：

Ext.onReady(function() { 
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); 

    function change(val) { 
     if (val > 0) { 
      return '<span style="color:green;">' + val + '</span>'; 
     } else if (val < 0) { 
      return '<span style="color:red;">' + val + '</span>'; 
     } 
     return val; 
    } 

    var customersGrid = new Ext.grid.GridPanel({ 
     title: 'Customer Informations', 
     plugins: new Ext.ux.GridTotals(), 
     renderTo: 'customers-div', 
     store: customersStore, 
     sm: new Ext.grid.RowSelectionModel({ singleSelect: true }), 
     columns: [ 
      { id: 'vat-no', 
       header: "Tax Number", 
       width: 50, 
       dataIndex: 'SpecVatNo', 
       sortable: false, 
       hidden: true 

      }, 
      { id: 'store-name', 
       header: 'Store Name', 
       width: 70, 
       dataIndex: 'StoreName', 
       sortable: true 
      }, 
      { id: 'cust-name', 
       header: 'Customer Title', 
       width: 130, 
       dataIndex: 'CustShortName', 
       sortable: true, 
       totalsText: 'TOTAL' 
      }, 
      { id: 'invoice-count', 
       header: "Invoice Address", 
       width: 40, 
       dataIndex: 'invcount', 
       align: 'right', 
       sortable: false, 
       summaryType: 'sum' 
      }, 
      { id: 'invoice-total', 
       header: "Invoice Total", 
       width: 60, 
       dataIndex: 'invtotal', 
       align: 'right', 
       sortable: false, 
       renderer: Ext.util.Format.CurrencyFactory(true, 2, ",", ".", "TL", true), 
       summaryType : 'sum', 
       roundToPlaces: 3 
      }, 
      { 
       id: 'selected-date', 
       header: "Period", 
       width: 20, 
       dataIndex: 'months', 
       sortable: false, 
       hidden: true 
      }    
     ], 
     autoExpandColumn: 'cust-name', 
     width: 700, 
     height: 240, 
     loadMask: {msg:'Loading customer infos ...'}, 
     stripeRows: true, 
     columnLines:true, 
     stateful: true, 
     stateId: 'customerGrid', 
     viewConfig: { 
      forceFit: true 
     }, 
     tbar: new Ext.Toolbar({ 
      items: [{ xtype: 'tbtext', text: 'Period' }, 
        { xtype: 'tbspacer', width: 10}, 
        { xtype: 'combo', 
          store: datesStore, 
          id: 'monthid', 
          displayField: 'months', 
          valueField: 'dateid', 
          editable: false, 
          mode: 'remote', 
          forceSelection: true, 
          triggerAction: 'all', 
          emptyText: 'Select Period...', 
          selectOnFocus: true 
        }, 
        { xtype: 'tbspacer', width: 15}, 
        { xtype: 'tbseparator'}, 
        { xtype: 'tbspacer', width: 10}, 
        { xtype: 'tbtext', text: 'Tax Number'}, 
        { xtype: 'tbspacer', width: 10}, 
        { xtype: 'textfield', id: 'vatnoid'}, 
        { xtype: 'tbspacer', width: 10}, 
        { xtype: 'button', 
          text: ' Show ', 
          iconCls: 'quicksearch', 
          handler: function() { 
           var mid = Ext.getCmp('monthid').getValue(); 
           var vid = Ext.getCmp('vatnoid').getValue(); 
           customersStore.load({ 
            params: {'months': mid, 'vatno': vid} 
           }); 
          } 
        } 
        ] 
     }) 
    });

来源

2012-07-25 Oğuz Çelikdemir

您的JSON响应中的两个记录都包含相同的'MetroNo'，您已为'Model'指定'idProperty'。这是正确的主键吗？ – 2012-07-25 13:38:54

是的，我正在使用基于StoreName的分组。 – 2012-07-25 13:44:12

你是男人，非常感谢你。我解决了。 – 2012-07-25 13:48:43

于底层Model类idProperty被指定为MetroNo，为每个记录在JSON响应中返回其不是唯一的。

将idProperty更改为每个记录唯一的字段。

来源

2012-07-25 13:50:41

EXTJS网格数据问题

回答

相关问题