|
[ExtJS] Как правильно показать изначально скрытый контрол?
#36531430
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
Ссылка на профиль пользователя:
|
|
|
|
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>«Test Dynamic Tabs»</title>
<link rel="stylesheet" type="text/css" href="../../../../ExtJS/resources/css/ext-all.css"/>
<script type="text/javascript" charset="windows-1251" src="../../../../ExtJS/adapter/ext/ext-base.js"></script>
<script type="text/javascript" charset="windows-1251" src="../../../../ExtJS/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var
viewport=new Ext.Viewport({
layout: "border",
renderTo: Ext.getBody(),
items: [{
region: "north",
xtype: "toolbar",
//autoHeight: true,
height: 50 ,
items: [{
xtype: "tbspacer"
}, {
xtype: "button",
text: "Test1",
handler: function(btn){ DoIt(btn) }
}, {
xtype: "button",
text: "Test2",
handler: function(btn){ DoIt(btn) }
}, {
xtype: "button",
text: "Test3",
handler: function(btn){ DoIt(btn) }
}, {
xtype: "tbfill"
}]
}, {
region: "center",
xtype: "tabpanel",
id: "TabPanel",
hidden: true, // !!! <-- !!!
tabPosition: "bottom"
}]
});
});
function DoIt(btn)
{
var
tabPanel,
tab;
if(!(tabPanel=Ext.getCmp("TabPanel")))
return;
if(!tabPanel.isVisible())
{
tabPanel.show();
tabPanel.doLayout(); // !!! <-- !!!
tabPanel.ownerCt.doLayout(); // !!! <-- !!!
}
if(!(tab=tabPanel.items.find(function(i){return i.title === btn.text;})))
tab=tabPanel.add({title: btn.text, layout:'fit'});
tabPanel.setActiveTab(tab);
}
</script>
</head>
<body>
</body>
</html>
Табы не показываются.
_________________
"Helo, word!" - 17 errors 56 warnings |
|
|
