Ajouter/Supprimer la Colonne de Extjs4 Grille

J'ai besoin d'une fonction qui va ajouter/supprimer la colonne de ExtJS 4 de la grille.
La grille est écrit dans Extjs 4. Après j'ai une recherche sur google, j'ai découvert code suivant.

function reconfigure(store, columns) {
    //debugger;
    var me = grid;

    if (me.lockable) {
        me.reconfigureLockable(store, columns);
        return;
    }

    if (columns) {
        me.headerCt.removeAll();
        me.headerCt.add(columns);
    }

    if (store) {
        store = Ext.StoreManager.lookup(store);
        me.bindStore(store);
        // me.getView().refresh();
    } else {
        me.getView().refresh();
    }
}

Ce code que j'ai fais appel à cette fonction 

var store = grid.getStore();
reconfigure(store, fields);

C'est de remplacer les en-têtes de lignes, mais ne permet pas d'actualiser les données. Je suis à l'aide de ExtJs 4.0

  • pourquoi vous venez de configurer tous les "seau" de colonnes, et de la problématique d'afficher et de masquer les en cas de besoin ? Option lorsque vous supprimez Tout et ajouter un nouveau set est presque comme détruire toute la grille et créer un nouvel...
  • J'ai essayé, mais ça marche très lente
  • ne devriez-vous pas être en train de passer la grille dans le reconfigurer fonction? une étendue globale variable est une mauvaise idée
  • Avez-vous essayé construit en grid.reconfigure méthode?
  • J'ai essayé de reconfigurer ainsi . Les données ne sont pas rendus . Mais les colonnes sont modifiées.
  • Je pense qu'il doit être insérée. headerCT.insert().....

InformationsquelleAutor Gregory Nozik | 2011-11-06
  1. 5

    créer la fonction

    GetProductsGetStore: function(fiels) {    
    var ret = Ext.create('Ext.data.Store', {
        autoLoad: false,
        proxy: {
            type: 'ajax',
            url: '/index.php/ajax/ProductsGet',
            reader: {
                type: 'json'
            },
            extraParams: {
                currency: '0'
            }
        },
        fields: fiels
    });

    return ret;
}

    et gridpanel sans magasin

    this.Product = Ext.create('Ext.grid.Panel', {
    width: '100%',
    height: 154,
    border: 0,
    multiSelect: true,
    allowDeselect: true,
    columns: [
        {
            text: 'article',
            dataIndex: 'article',
            flex: 2
        },
        {
            text: 'name',
            dataIndex: 'name',
            flex: 2
        },
        {
            text: 'price',
            dataIndex: 'price',
            flex: 1
        }
    ]
});

    dynamique de modifier la grille de

    var fields = [
    'id',
    'name',
    'checked',
    'price',
    'currency',
    'src'
];
this.Product.reconfigure(th.GetProductsGetStore(fields));
this.Product.store.load();
    InformationsquelleAutor a.svetlitskiy
  2. 0

    J'ai résolu ce problème et je l'ai enregistré toutes les colonnes affichées dans le tableau.
    Que j'ai une fonction qui met à jour la grille

    function ShowHideColumns(settingsColumn) {
    var gridColumns = grid.columns;
    var len = gridColumns.length;
    for (var j = 0; j < len; j++) {
        var gridColumn = gridColumns[j];
        for (var i = 0; i < settingsColumn.length; i++) {
            var columnSetting = settingsColumn[i];
            if (gridColumn.text == columnSetting.gridName) {
                if (columnSetting.isActive && gridColumn.hidden)
                    gridColumn.show();
                else if (!gridColumn.hidden && !columnSetting.isActive)
                    gridColumn.hide();
                break;
            }
        }
    }
}

    Voir ci-dessous settingColumn schéma. settingsColumn est le tableau qui
    détient settingColumn éléments. Chaque élément décrit les informations de colonne dans la grille.

    [DataContract]
[System.SerializableAttribute()]
public partial class SettingsSettingColumn
{


    [System.Xml.Serialization.XmlAttributeAttribute()]
    [DataMember]
    public string name { get; set; }

    [System.Xml.Serialization.XmlAttributeAttribute()]
    [DataMember]
    public string gridName { get; set; }

    [System.Xml.Serialization.XmlAttributeAttribute()]
    [DataMember]
    public string type { get; set; }

    [System.Xml.Serialization.XmlAttributeAttribute()]
    [DataMember]
    public bool isActive { get; set; }

    [System.Xml.Serialization.XmlAttributeAttribute()]
    [DataMember]
    public float width { get; set; }


}
    InformationsquelleAutor Gregory Nozik