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

Change groupField and reload grid Extjs 4

本文关键字：加载 网格 Extjs groupField 新加载 更改      更新时间：2023-09-26

如何更改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，但我必须重新创建网格

网格面板具有重新配置功能，允许为同一网格组件使用另一个存储和列的集合。或者，如果要立即对存储中的数据进行分组，可以使用存储组件的group方法。

相关文章：