Javascript-форум (https://javascript.ru/forum/)
-   ExtJS (https://javascript.ru/forum/extjs/)
-   -   Почему не рисуются кнопки? (https://javascript.ru/forum/extjs/10195-pochemu-ne-risuyutsya-knopki.html)

JSTalker 23.06.2010 07:46

Почему не рисуются кнопки?
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
		<title>Avvea - Adv Blocks Editor</title>
		<link rel='stylesheet' type='text/css' href='main.css'>
		<script type='text/javascript' src='lib/ext/adapter/ext/ext-base.js'></script>
		<script type='text/javascript' src='lib/ext/ext-all-debug.js'></script>
		<script type='text/javascript'>
			Ext.onReady(function(){
				
				jsonTA = new Ext.form.TextArea({
					renderTo: Ext.get('ta1')	 		
					});
									
				button1 = new Ext.Button({
					title : 'Edit block',
					text : 'Edit',
					renderTo : Ext.get('b1'),
					handler: editBlock
					
					
				});
								 
				button2 = new Ext.Button({
					title : 'Get JSON-code',
					renderTo : Ext.get('b2'),
					handler: getJSONcode
					})
			})
			
			function editBlock(){alert('edit Block!')};
			function getJSONcode(){alert('Get JSON code!')};
		</script>
	</head>
	<body>
		<div id='ta1'></div>
		<div id='b1'></div>
		<div id='b2'></div>
	</body>
</html>

TextArea нормально рисуется...

JSTalker 23.06.2010 09:10

Кнопки, что, должны быть в каком то контейнере всегда? Тогда какой лучше выбрать?

mycoding 23.06.2010 10:07

Можно ещё Ext.getBody(); в качестве контейнера.
А можно ещё сделать форму,тогда без контейнера
http://www.sencha.com/deploy/dev/exa...m/dynamic.html
Там просто указываются
buttons: [{
            text: 'Save'
        },{
            text: 'Cancel'
        }]


Вообще лучше через форму сделай.

JSTalker 23.06.2010 13:55

mycoding,
спасибо, попробую чз форму...

Для интереса: Ext.getBody() - как контейнер для button (renderTo: Ext.getBody())? Или для всего имеете ввиду?

mycoding 23.06.2010 14:44

Этот способ
renderTo: Ext.getBody()

работает для любых элементов.

JSTalker 24.06.2010 05:39

mycoding,
пробовал - не работает( кривые руки?) (ставил так же как Вы написали)
кстати FormPanel не работает с библиотекой Ext 1.1?

mycoding 24.06.2010 07:36

Попробуйте скачать новую версию. На 1.1. не надо.
Там же ведь ещё есть в текстовом варианте код
http://www.sencha.com/deploy/dev/exa...orm/dynamic.js

JSTalker 24.06.2010 08:13

mycoding,
дело в том, что я пытаюсь делать проект в Aptana IDE (1 версии): там можно интегрировать Ext (правда только версии 1.1) на этапе создания проекта...
Установил и Аптану 2, но там хоть и новая версия Экста, нет этого
И удобного оффлайнового хелпа к эксту)


Кстати, а как Вы создаете проекты, теперь уже на Sencha: вручную добавляя ext-all-debug.js и ext-base.js в какомнить легком IDE типа Macromedia или так же интегрируете библиотеки в Аптане/Эклипсе? И как правильно?

п.с. И кстати, для создания такой панельки лучше использовать анонимные функции, или функции многократного использования?

Kolyaj 24.06.2010 12:18

Цитата:

Сообщение от JSTalker
И как правильно?

Создаёте html-файл, подключаете туда нужные js/css-файлы, продолжаете в том же духе.

Цитата:

Сообщение от JSTalker
функции многократного использования

Что за доморощенные термины?

JSTalker 24.06.2010 12:53

Kolyaj,
с перевода MyTrouble.ru :)


Часовой пояс GMT +3, время: 05:04.