如何在按钮单击事件中调用extjs中的视图

我在extjs+Yii框架中工作。我认为- QbQns.js-

Ext.define('Balaee.view.qb.qbqns.Qbqns',    
        {
    extend:'Ext.form.Panel',
    requires:[
              'Balaee.view.qb.qbqns.QbqnsView'
              ],
              id:'qbqnsId',
              alias:'widget.Qbqns',
              title:'Qbqns',
              height:500,
              items:[
                     { xtype:'QbqnsView',},
                     ],//end of items square
                     buttons:[
                              { xtype:'button',
                                  fieldLabel:'Vote',
                                  action:'voteAction',
                                  name:'vote',
                                  formBind:true,
                                  text:'submit', } ] });

在这个提交按钮上单击，我想创建一个新的视图-

 Ext.define('Balaee.view.qb.qbqns.QbqnsReviewView',
    {
            extend:'Ext.view.View',
            id:'qbqnsViewId',
            alias:'widget.QbqnsReviewView',
            //store:'kp.PollStore',
            store:'qb.QbqnsStore',
            config:
            {
                tpl:'<tpl for=".">'+
                    '<div id="main">'+
                    '</br>'+

                    '<h1 id="q">Question :-</h1> {question}</br>'+

                 /*  '<tpl for="options">'+     // interrogate the kids property within the data
                        '<p>&nbsp&nbsp<input type="radio" name="{parent.questionId}" value="{option}">&nbsp{option}</p>'+
                    '</tpl>'+*/

                    '<tpl for="options">'+
                        '<tpl if="parent.Correctoption==option">'+
                        //'<tpl if="Correctoption==UsersOption">'+
                        '<p style="color:Green"><input type="radio" name="{optionId}">{option}</p>'+

                        '<tpl elseif="parent.UsersOption==option">'+
                        '<p style="color:Red"><input type="radio" name="{optionId}">{option}</p>'+

                        '<tpl else>'+
                        '<p><input type="radio" name="{parent.questionId}" value="{option}">&nbsp{option}</p>'+

                        '</tpl>'+  
                    '</tpl>'+   



     '<p>---------------------------------------------------------</p>'+
                    '</div>'+

                   '<h1 id="q">Total marks are:-</h1>{Total}'+
                   '<h1 id="q">Score you got is:-</h1>{Score}'+

                    '</tpl>',



                itemSelector:'div.main',
            }
    });// End of login class

Ext.define（'Balaee.view.qb.qbqns.QbqnsReviewView'，
{
扩展：'Ext.view.view'，
id:'qbqnsViewId'，
别名：'widget.QbqnsReviewView'，
//存储：'kp.PollStore'，
商店：'qb.QbqnsStore'，
配置：
{
第三方物流：''+
''+
“
”+
'问题：-{问题}
'+
/*“”+//查询数据中的kids属性
“{option}
”+
''+*/
''+
''+
//''+
“
{option}
”+
''+
“
{option}
”+
''+
“{option}
”+
''+  
''+   
“--------------------------------------------------------------
”+
''+
'总分为：-{Total}'+
'您得到的分数是：-{Score}'+
'',
itemSelector:'div.main'，
}
});// 登录类结束

所以，如何在单击submit按钮时从控制器调用上述视图。请建议我…

在您的控制器中：

init: function() {
    this.control({
        'button[action=voteAction]': {
            click: function(btn) {
                Ext.create('Balaee.view.qb.qbqns.QbqnsReviewView', {
                    renderTo: Ext.getBody();  //<-- where you want render it
                });
            }
        }
    });
}

init:function（）{
这是我的控制({
'按钮[action=voteAction]'：{
点击：功能（btn）{
Ext.create（'Balaee.view.qb.qbqns.QbqnsReviewView'{
renderTo:Ext.getBody（）59449由于找不到文件而向我发送错误…Ext.define（'Balaee.controller.qb.QbqnsController'，{extend:'Ext.app.controller'，存储：['qb.QbqnsStore'，'qb.QbquestionoptionStore']，模型：['qb.qbqbqnsmodel'，'qb.qbqbquestionoptionmodel']，视图：['qb.qbqbqbqbqns.qbqbqbqnsview'，'qb.qbqbqbqbqbqbqbqbqnseview'，初始化函数]{console.log（“内部问题控制器”）；this.control（{'Qbqns按钮[action=voteAction]：{click:this.check}，}；}，check:function（）{Ext.create（'Balaee.view.qb.Qbqns.QbqnsReviewView'，{renderTo:Ext getBody（），}；}）；它是我的控制器代码。@user2077845请尝试在“视图”中的“qb.qbqns.QbqnsReview”更改“qb.qbqns.QbqnsReview”