我想使用第三方图像库,该库需要使用用于对应的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
事件并实例化名称为onBoxReady
和instance1
的第三方图像库的每个实例(与标签容器的div ID)。
可以很好地实例化第三方图像库,但是图像不显示。当我检查每个标签的相应容器时,没有将div ID设置在上面。
即:
instance2
有人对如何设置每个标签容器的div ID有任何想法吗?
感谢您的帮助!
答案 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。