Javascript-форум (https://javascript.ru/forum/)
-   ExtJS (https://javascript.ru/forum/extjs/)
-   -   Ext.form.ComboBox in Ext.Toolbar ??? (https://javascript.ru/forum/extjs/27631-ext-form-combobox-ext-toolbar.html)

potkin 19.04.2012 18:28
Ext.form.ComboBox in Ext.Toolbar ???
 
Нужно расположить Ext.form.ComboBox на Ext.Toolbar.
Получается только так:

и ещё:

Код КомбоБокса:
var combo2 = new Ext.form.ComboBox({
                name: 'perpage',
                width: 100,
                store: new Ext.data.ArrayStore({
                    fields: ['id'],
                    data: [
                        ['15'],
                        ['25'],
                        ['50']
                    ]
                }),
                mode: 'local',
                value: '15',

                listWidth: 190,
                triggerAction: 'all',
                displayField: 'id',
                valueField: 'id',
                editable: false,
                forceSelection: true
            });

Код ТулБара:
var FooterToolBar = new Ext.Toolbar({
                height: 122,
                html: "<center><b>... 1999-2012</b></center>",
                region: 'south',
                margin: "1 5 1 1",
                items: [ combo2 ],
            });

Что я не так делаю, подскажите пожалуйста.

Ex_Soft 19.04.2012 19:04 
var FooterToolBar = new Ext.Toolbar({
                height: 122,
                region: 'south',
                margin: "1 5 1 1",
                items: [ { xtype: "tbtext", text: "... 1999-2012" }, " ", combo2 ],
            });

potkin 19.04.2012 19:29
Ex_Soft,
Без изменений, так же показывает (((

Ex_Soft 19.04.2012 23:11
"Не верю!" (c)
<!doctype html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Test Ext.toolbar.Toolbar</title>
		<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/css/ext-all.css"/>
		<script charset="utf-8" src="http://dev.sencha.com/deploy/ext-4.0.7-gpl/ext-all.js"></script>
		<script>
Ext.onReady(function() {
	var combo2 = new Ext.form.ComboBox({
                name: 'perpage',
                width: 100,
                store: new Ext.data.ArrayStore({
                    fields: ['id'],
                    data: [
                        ['15'],
                        ['25'],
                        ['50']
                    ]
                }),
                mode: 'local',
                value: '15',

                listWidth: 190,
                triggerAction: 'all',
                displayField: 'id',
                valueField: 'id',
                editable: false,
                forceSelection: true
            });

	var FooterToolBar = new Ext.Toolbar({
                height: 122,
                region: 'south',
                margin: "1 5 1 1",
                items: [ { xtype: "tbtext", text: "... 1999-2012" }, " ", combo2 ],
                renderTo: Ext.getBody()
            });
});
		</script>
	</head>
	<body>
	</body>
</html>

potkin 19.04.2012 23:47
Ex_Soft,
Изменил у себя только это:
<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/css/ext-all.css"/>
<script charset="utf-8" src="http://dev.sencha.com/deploy/ext-4.0.7-gpl/ext-all.js"></script>

И всё заработало.
А что тогда у меня за версии ... только 2 недели назад же начал изучать ExtJS, тогда и скачал с ихнего сайта.

П.С. Прошу прощения ...

Ex_Soft 20.04.2012 09:52
Цитата:
Сообщение от potkin (Сообщение 169990)
Изменил у себя только это:
<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/css/ext-all.css"/>
<script charset="utf-8" src="http://dev.sencha.com/deploy/ext-4.0.7-gpl/ext-all.js"></script>

И всё заработало.
Значит что-то у Вас с путями или как-то нетривиально развернули...
Цитата:
Сообщение от potkin (Сообщение 169990)
А что тогда у меня за версии
Щаз залезем на Вашу машу посмотрим, что в release-notes.html написано ;) BTW, почему "...версиИ..." Зачем Вам два диска C: ? ;)


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