更好地了解Ext.tab.Panel并显式设置html

时间:2018-07-01 23:59:55

标签: javascript html extjs openseadragon

我想使用第三方图像库,该库需要使用用于对应的div id的字符串值实例化。 这样,我希望使用'FizzBuzz '[-9, 4] # => "Fizz" 'FizzBuzz '[-5, 8] # => "Buzz " 'FizzBuzz '[0, 13] # => "FizzBuzz " 'FizzBuzz '[-14, -1] # => nil 能够在第三方图像库的每个实例化实例之间进行切换。 我正在努力在每个标签的容器上设置div的ID。

例如:

Ext.tab.Panel

然后在Ext.define('MYAPP.view.MainView', { extend: 'Ext.panel.Panel', xtype: 'mainview', controller: 'mainviewcontroller', layout: 'fit', tbar: [{ xtype: 'somebuttons', }], items: [{ xtype: 'imagetab', title: 'tab1', items: [{ xtype: 'container', html: '<div id="instance1"></div>' }] }, { xtype: 'imagetab', title: 'tab2', items: [{ xtype: 'container', html: '<div id="instance2"></div>' }] }] }); 控制器中,我听MainView事件并实例化名称为onBoxReadyinstance1的第三方图像库的每个实例(与标签容器的div ID)。

可以很好地实例化第三方图像库,但是图像不显示。当我检查每个标签的相应容器时,没有将div ID设置在上面。

即:

instance2

有人对如何设置每个标签容器的div ID有任何想法吗?

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

尝试一下:

Ext.create('Ext.TabPanel', {
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'container',
        id: 'instance1',
        autoEl: {
            id: 'instance1', // must be same as container id 
            ......
        }
    }]
});

它将创建一个具有ID的div。