Метод для рендеринга в EXTJS на mainView - PullRequest
Новая
       42

Метод для рендеринга в EXTJS на mainView

0 голосов
/ 20 декабря 2018

Я пытаюсь выполнить рендеринг на панель (Ext.panel с заголовком: 'titlet' в конце кода) в mainView ('Foresto.view.main.Main') или в часть courusel (id: 'mapId') Но у меня не было положительного результата.Итак, мои вопросы: 1) Как отобразить панель на главном экране или элементе courusel ('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'
        }]
    }]
}

    ],

initialize: 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'
              }]
          }]
      });

}
}});

1 Ответ

0 голосов
/ 21 декабря 2018

Теперь я редактирую функцию рендеринга панели в окне просмотра.Панель 'pan11111' выполняет рендеринг, но область просмотра покрывает все остальные элементы, и я могу работать только с панелью и панелью просмотра белой доски, охватывающей все классы: –Эта проблема была решена путем прояснения всех проблем

...