L'ajout d'une barre d'outils pour un grille - Extjs

J'ai la grille suivante ici:

Ext.define('AM.view.user.List', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.userlist',
    title: 'All Users',
    store: 'Users',

    initComponent: function () {
        this.columns = [{
            header: 'Name',
            dataIndex: 'name',
            flex: 4
        }, {
            header: 'User ID',
            dataIndex: 'user_id',
            flex: 1
        }, {
            header: 'Address',
            dataIndex: 'address',
            flex: 3
        }, {
            header: 'Age',
            dataIndex: 'agee',
            flex: 5
        }];

        this.callParent(arguments);
    }
});

Une barre d'outils peut être ajouté au bas de cette grille ou peuvent-ils être ajouté panneaux?

Aussi, comment puis-je placer du texte normal dans une barre d'outils plutôt que d'un bouton?

OriginalL'auteur Clay Banks | 2013-07-25

  1. 15

    Oui un panneau grille hérite Ext.de la grille.Panneau, vous devriez être en mesure d'ajouter:

    dockedItems: [{
    xtype: 'toolbar',
    dock: 'top',
    items: [{
        xtype: 'button',
        text: 'Left Button'
    }, {
        xtype: 'tbfill'
    }, {
        xtype: 'button',
        text: 'Right Button'
    }]
}]
    Hey merci ça a très bien fonctionné. Et je vais vérifier la documentation.
    Comment pourrais-je placer des boutons de barre d'outils sur les côtés gauche et droit?
    Ajouter un { xtype: 'tbfill' } entre le bouton configuration de la barre d'outils
    J'ai mis à jour mon exemple pour vous montrer
    Très Sympa! Merci monsieur

    OriginalL'auteur BigBadOwl

  2. 2

    Tout composant qui a Accosté mise en page peut avoir des barres d'outils ancrées. Depuis Ext.grid.Panel s'étend Ext.panel.Panel, vous pouvez dock. Voir le bbar config: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.le panneau.Panneau-cfg-bbar

    Vous pouvez ajouter du texte des articles à votre barre d'outils en ajoutant à la barre d'outils du items:

    { xtype: 'tbtext', text: 'My Text' }

    Docs pour ce ici: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.la barre d'outils.TextItem

    OriginalL'auteur kevhender

  3. 2

    Alternativement, vous pouvez également ajouter un bouton à l'aide d' ' bbar[...] " qui est l'équivalent de 

    dockedItems: [{
    xtype: 'toolbar',
    dock: 'bottom',
    items: [
        { xtype: 'button', text: 'Button 1' }
    ]
}]

    cela vous permet d'ajouter des boutons au bas de votre gridpanel toutes les autres propriétés du bouton sont autorisés à utiliser.

    exemple de code est ici: 

     bbar: [
      { xtype: 'button', text: 'Button 1' },
      { xtype: 'button', text: 'Button 2' }
    ]

    pour plus de détails vous pouvez vous référer à la doc: http://docs.sencha.com/extjs/6.0/6.0.1-classic/#!/api/Ext.le panneau.Panneau-cfg-bbar

    OriginalL'auteur Motilal