Ext.js问题重现整理（3）（reference）(实例化后才能引用)

最新推荐文章于 2020-10-13 10:05:13 发布

原创最新推荐文章于 2020-10-13 10:05:13 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

Ext.js项目专栏收录该内容

65 篇文章

订阅专栏

本文详细探讨了Ext.js中关于组件实例化后才能引用的问题，通过实例解析了reference属性的使用，帮助开发者理解如何正确地在组件间进行引用操作。

Ext.define('MTTECERP.view.stomer.addwoCtrl', {

    extend: 'Ext.app.ViewController',

    alias: 'controller.woCtrl',

    showWindow: function (obj) {



        var win = this.lookupReference('popupWindow');


        if (!win) {

            //实例化后才能引用
            //win = new MTTECERP.view.stomer.woWindow();
            win = Ext.create('MTTECERP.view.stomer.woWindow')



            this.getView().add(win);

        }

        win.show();
    },
});

//实例化store
var TreeStore = Ext.create('MTTECERP.view.stomer.wotreestore')
Ext.define('MTTECERP.view.stomer.woWindow', {
    extend: 'Ext.window.Window',
    xtype: 'form-contact-window',
    title: '处理状态',
    reference: 'popupWindow',


    width: 400,
    height: 500,
    minWidth: 300,
    minHeight: 380,
    layout: 'fit',
    resizable: true,
    modal: true,
    defaultFocus: 'firstName',
    closeAction: 'hide',
    defaults: {
        xtype: 'treepanel',
        width: 300,
        height: 200,
        rootVisible: false,
        // Sharing the store synchronizes the views:
        store: TreeStore
    },
    等等等等