更改groupField并重新加载网格Extjs 4

时间:2014-05-14 07:48:15

标签: javascript jquery extjs grid

我如何更改groupField并重新加载网格。请帮我。感谢

List.ascx

<td style="width: 20px"><input type="radio" name="grouping" value="AgencyName"/></td>
        <td style="width: 50px"> AgencyName</td>
         <td style="width: 20px"><input type="radio" name="grouping" value="HotelName" checked="checked"/></td>
        <td style="width: 50px"> HotelName</td>

EntryStore.js

Ext.define('HotelWeb.HotelSite.js.EntryStore', {
extend: 'Ext.data.Store',
start: '',

requires: [
    'HotelWeb.HotelSite.js.EntryModel',
    'Ext.ux.grid.feature.*'
],

constructor: function (cfg) {
    var me = this;
    cfg = cfg || {};
    me.callParent([Ext.apply({
        storeId: 'EntryStore',
        model: 'HotelWeb.HotelSite.js.EntryModel',
        groupField: "AgencyName",
        pageSize: 100,
        proxy: {
            url: 'Modules/Reports/EntryListGridHandler.ashx',
            extraParams: {
                f: '',
                id: '',
                seq: 0,
                cols: '["CustomerTitle","CustomerName","CustomerNationality","CustomerPassport","CustomerBirthDate","CustomerAge","CustomerArrival","CustomerArrivalTime","CustomerDeparture","CustomerDepartureTime","ConfirmationStatusString","ReservationTypeString","ReservationStatusString","HotelName","AgencyName","VoucherNo","SellDate","CheckIn","CheckOut","Nights","RoomName","RoomTypeName","AccomName","RoomCount","SoldPrice","SoldCurrency","ExtraServicesInfo","Adults","Childs","Infants","Pax"]',
                filters: '',
                excl: '',
                renew: true,
                statusfilter: '',
                refreshGridFilter: false,

}

EntryListGrid.js

Ext.create('HotelWeb.HotelSite.js.EntryStore');
grid = Ext.create('HotelWeb.HotelSite.js.EntryGrid');
operGrid = Ext.create('HotelWeb.HotelSite.js.OperationGrid', { hidden: true });

resultsPanel = Ext.create('Ext.panel.Panel', {
    xtype: 'panel',
    renderTo: 'entryListGrid',
    layout: {
        type: 'vbox',
        align: 'stretch',
        pack: 'start'
    },
    items: [
        grid,
        {
            xtype: 'splitter',
            id: 'splitter',
            hidden: true
        },
        operGrid
    ]
});

如何从无线电输入设置groupField。我将单选按钮更改为
 grid.store.groupField = value但我必须重新创建网格

1 个答案:

答案 0 :(得分:0)

网格面板具有reconfigure功能,允许为同一网格组件使用另一个存储和列集。或者,如果您希望立即对商店中的数据进行分组,则可以使用商店组件的 方法。