0

如何getView(在 Sencha touch 中调用 view_name)`?我通常在 extjs 上执行此操作,但我不能在 sencha touch 上执行此操作。我无法理解应用程序的概念。

run_edit: function(data) {
    $this = this;
    this.mode = "update";
    this.data = data;
    this.win = this.getView('Group_prop').create();

    var form = this.win.down('form');
    var util = this.getController('controller_Helper');

    form.getForm().loadRecord(data);
    util.form_lock({
        form:form,
        items:['GROUP_KODE']
    });
    util.form_require({
        form:form,
        items:['GROUP_KODE','GROUP_NAMA']
    });

    this.win.show();
},
4

3 回答 3

1

我看到您正在尝试创建一个视图并将其设置为窗口,在 sencha touch 中您可以这样做:

Ext.Viewport.add(Ext.create('MyApp.view.ViewName'));

除了 Viewport,您可以使用任何其他容器并将新创建的视图设置为它

Ext.getCmp('myContainerId').add(Ext.create('MyApp.view.ViewName'));

要稍后获取此视图,您必须id在视图中指定配置,然后像这样获取它:

var view = Ext.getCmp('ViewId');
于 2013-04-01T13:59:02.673 回答
0

有两种方法可以调用视图

1.

        Ext.Viewport.setActiveItem({xtype:'TwowayMakePayment'});  // view xtype

2.

        var getti=Ext.create('VUCFyn.view.AfterLogin'); //create object 4 d view
    Ext.Viewport.add(getti);       // next add the object
    Ext.Viewport.setActiveItem(getti);     // final Active that obj
于 2013-04-03T13:04:29.847 回答
0

好的,看来您正在尝试获取视图:Group_prop。确保此视图在其配置中有一个id或最好是一个集合。itemId例如

Ext.define('MyApp.view.GroupProb', {
    extend: 'Ext.Panel',
    alias: 'widget.group_prob',
    config: {
        ...
        itemId: 'groupProb',
        ...
    },
    ....
});

现在在您的控制器中,您需要为此视图创建一个引用以正确访问它。所以你的控制器看起来像这样:

Ext.define('MyApp.controller.MyController', {
    extend: 'Ext.app.Controller',
    config: {
        refs : {
            groupProb : {
                autoCreate: true,
                selector: '#groupProb',
                xtype: 'group_prob'
            }
        },
        control: {
            ...
        },
        ...
    },
    run_edit: function(data) {
        $this = this;
        this.mode = "update";
        this.data = data;
        this.win = this.getView('Group_prop').create();

        var form = this.win.down('form');
        var util = this.getController('controller_Helper');

        form.getForm().loadRecord(data);
        util.form_lock({
            form:form,
            items:['GROUP_KODE']
        });

        this.win.show();
    },
   ...
});

现在从您的run_edit函数来看,您似乎正在使用windows变量this.win(如果我错了,请纠正我)。在 Sencha Touch 中,您可以使用Panels. 同样在此函数的末尾,您调用show函数 on this.win,这表明您要在显示run_edit时执行this.win。话虽如此,您可能希望您的run_edit函数看起来像这样:

run_edit: function() {
    var me = this,
        mode = 'update',
        data = data,
        groupProbPanel = me.getGroupProb();

    // This assumes that your form component has an itemId.
    // You need one inorder use the down method. 
    var form = groupProbPanel.down('#form_itemId');

    // You may want to double check this. I don't think that is how you 
    // you get the controller.
    var util = this.getController('controller_Helper');

    form.getForm().loadRecord(data);
    util.form_lock({
        form:form,
        items:['GROUP_KODE']
    });
}

由于我们希望在groupProbPanel显示时发生这种情况,我们需要在我们的配置中设置一个显示事件监听器。control所以你的控制器config应该是这样的:

...,
config: {
    refs : {
        groupProb : {
            autoCreate: true,
            selector: '#groupProb',
            xtype: 'group_prob'
        }
    },
    control: {
        groupProb : {
            show: 'run_edit'
        },
        ...
    },
    ...
},
...
于 2013-04-06T17:07:13.373 回答