Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [ExtJS] Как правильно показать изначально скрытый контрол? / 4 сообщений из 4, страница 1 из 1
19.03.2010, 16:27:17
    #36531430
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[ExtJS] Как правильно показать изначально скрытый контрол?
Код: plaintext
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
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.03.2010, 16:44:02
    #36531470
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[ExtJS] Как правильно показать изначально скрытый контрол?
Ex_Soft,

если убрать
Код: plaintext
layout: "border",
заработает?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.03.2010, 16:51:43
    #36531503
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[ExtJS] Как правильно показать изначально скрытый контрол?
an0nymесли убрать
Код: plaintext
layout: "border",
заработает?
Да. Но тогда все подбрасывается вверх.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.03.2010, 17:16:28
    #36531573
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[ExtJS] Как правильно показать изначально скрытый контрол?
Поменял местами
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
function DoIt(btn)
{
	var
		tabPanel,
		tab;
		
	if(!(tabPanel=Ext.getCmp("TabPanel")))
		return;

	if(!(tab=tabPanel.items.find(function(i){return i.title === btn.text;})))
		tab=tabPanel.add({title: btn.text, layout:'fit'});
	tabPanel.setActiveTab(tab); 
	
	if(!tabPanel.isVisible())
	{
		tabPanel.show();
		tabPanel.ownerCt.doLayout();
	}
}
и зафунциклировало...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [ExtJS] Как правильно показать изначально скрытый контрол? / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 573ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1453367]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 290ms
get topic data:
 12ms
get forum data:
 4ms
get page messages:
 42ms
get tp. blocked users:
 1ms
others: 196ms
total:  573ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]