Question

我尝试将renderTo面板（在代码末尾带有title：'titlet'的Ext.panel）连接到mainView（'Foresto.view.main.Main'）或部分辅导员（id：'mapId' ）但是我没有得到积极的结果。所以我的要求： 1）如何将面板渲染到主视图或导航项（'mapId'） 2）在Ext JS 6+（现代工具包）中，有哪些主要方法可以将对象渲染到主视图或主视图的元素？

现在我的代码如下：

 Ext.define('Foresto.view.main.Main', {
extend: 'Ext.form.Panel',
id:"control-panel",
plugins: 'responsive',
responsiveConfig:{
    tall:{
        tabPosition:'center'
    }
},
xtype: 'app-main',
controller:'menuform',     
requires: [
    'Foresto.view.map.Map',
    'Foresto.view.main.ButtonController',
    'Foresto.view.forms.LoginRoom'

],
autosize:true,
padding: 0,
id:"bighBox",
header: {
    cls: 'header-cls',
    title : {
        cls : 'header-title-cls',
        text : 'FOREST'
    }
},
tools: [{
    type: 'menu',
    handler: function() {
        Ext.Viewport.toggleMenu('top');
    }
    }],

items:[{
    xtype: 'carousel',
    id: "mainPart",
    flex: 1,
    defaults: {
        border: true,
        ui: 'light'
    },
    items: [{
        title: 'MAP',

        id:'mapId',
        xtype: 'panel',
        layout:'vbox',
        padding: 0,
        items: [{
            xtype: 'panel',
            title:'PLACEFORMAP'
        }]


    },{
        title: 'REPORTS',
        xtype: 'panel',
        cls: 'foresBack',
        layout: {
            type: 'hbox',
            align: 'middle',
            pack: 'center'
        },

        items:[{
            xtype:'button',
            cls:'threethbutton',
            ui: 'confirm',
            text:'REPORT1',
            margin:'10px'

        },{
            xtype:'button',
            cls:'threethbutton',
            ui: 'confirm',
            text:'REPORT2'
        }]
    }]
}

    ],

初始化：function（）{

    Ext.Viewport.add({
          xtype:'button',
          id:'pan11111',
          text:'KAB',
          flex:1,
          height: 1000,
          width: 100,
          items:[{
              xtype:'tabpanel',
              title:'Projects',
              layout:'card',
              items:[{
                  xtype:'panel',
                  title:'11111'
              },{
                  xtype:'panel',
                  title:'uuuuu'
              }]
          }]
      });

}
}});

Answer 1

现在，我在视口上编辑用于渲染面板的功能。面板“ pan11111”正在渲染，bu视口覆盖了所有其他元素，而我只能使用面板和白板视口，而所有类都覆盖了：–该问题已通过大量清理coockies而得以解决

mainView上renderTo EXTJS的方法

1 个答案: