extjs - Ext.menu.Menuを使用してストアを関連付ける

Question

extjsを初めて使用します。Ext.menu.Menuからメニュー項目を選択するときにストアを関連付けたいと思います。私はextjs4.1.0を使用しています。私はネットで煎茶のドキュメントを調べても検索しましたが、これを達成する方法が見つかりませんでした。

それを達成する方法はありますか？

前もって感謝します。

Answer 1

プロジェクトで店舗のあるメニューを使用しています。次に例を示します。

Ext.define("Ext.ux.menu.DynamicMenu", {
    extend: "Ext.menu.Menu",
    alias: 'widget.dynamicmenu',
    loaded: false,
    loadMsg: 'Loading...',
    store: undefined,
    icon: '',
    constructor: function (config) {
        var me = this;
        Ext.apply(me, config);

        me.callParent();
    },
    initComponent: function () {
        var me = this;
        me.callParent(arguments);
        me.on('show', me.onMenuLoad, me);
        listeners = {
            scope: me,
            load: me.onLoad,
            beforeload: me.onBeforeLoad
        };
        me.mon(me.store, listeners);
    },
    onMenuLoad: function () { var me = this; if (!me.store.loaded) me.store.load(); },
    onBeforeLoad: function (store) { this.updateMenuItems(false); },
    onLoad: function (store, records) { this.updateMenuItems(true, records); },
    updateMenuItems: function (loadedState, records) {
        var me = this;
        me.removeAll();
        if (loadedState) {
            me.setLoading(false, false);
            Ext.Array.each(records, function (record, index, array) {
                me.add({
                    text: record.get('DisplayName'),
                    data: record,
                    icon: me.icon
                });

            });
            me.store.loaded = true;
        }
        else {
            me.add({ width: 75, height: 40 });
            me.setLoading(me.loadMsg, false);
        }
        me.loaded = loadedState;
    }
});

IIRCの場合はsenchaフォーラムでこれを見つけましたが、リンクが見つかりません。アイコンなどの微調整を行いました...

Ext.Array.each(records, .... 独自のロジックを定義する必要があります. モデルによって異なります. 私のモデルには、テキストとして表示するために使用する DisplayName があります.メニュー項目で作成した data プロパティ. そこでは完全に自由です。

幸運を！