Здравствуйте, дорогие форумчане! Озадачился разработкой приложения на ExtJS. В интернете есть, конечно, документация на русском и примеры, но их оказалось недостаточно для понимания. Английский знаю плохо. В общем следующая ситуация - создал рабочую среду. сделал west & center позиционирование элементов. т.е. два элемента - меню пользователя, и рабочая среда (в рабочей среде находится 6 вкладок.) Так вот проблема в следующем. Не могу загрузить ни одну из панелей содержимое. не понимаю как это сделать. Для объявления закладок используем items : { }. и т.д. чем больше скобок в итемсах, тем больше вкладок. А как подключить внешний файл, например с таблицой, чтобы во вкладке была видна таблица, созданная с помощью ext.grid.panel. Ниже прикладываю код html и js страницы. HTML (test.html): Код (Text): <html> <head> <title> ИС Учета Исходящей Корреспонденции </title> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> <script type="text/javascript" src="extjs/ext-debug.js"></script> <script type="text/javascript" src="komponovka.js"></script> <script type="text/javascript" src="extjs/ext-all.js"></script> <script type="text/javascript" src="extjs/s_serv.js"></script> </head> <body> </body> </html> JS (companovka.js) Код (Text): Ext.onReady(function(){ Ext.QuickTips.init(); var west = Ext.create('Ext.Panel', { split: true, collapsible: true, animCollapse: true, title: 'Меню Пользователя', width: 250, region: 'west', dockedItems: [{ dock : 'top', xtype : 'toolbar', items : [{ xtype: 'button', cls : 'x-btn-text-icon', icon : 'images/add.gif', text: 'Добавить', tooltip: 'Зарегистрировать новую корреспонденцию' }] }] }); var viewport = Ext.create('Ext.container.Viewport', { renderTo : Ext.getBody(), layout : { type : 'border', padding : '5' }, items : [ west, { layout : 'fit', padding : '0, 0, 5, 0', title : '<h3 align = center> ИС Учета Исходящей Корреспонденции', region : 'north', }, Ext.create('Ext.tab.Panel', { region: 'center', // Положение на странице activeTab: 0, // Первая вкладка активна "по умолчанию" items: [ { xtype : 'tabpanel', region : 'center', title : 'Справочник служб' }, { region : 'center', title : 'Справочник Станций', html : '12124' }, { region : 'center', title : 'Справочник Классов', html : '12124' }, { region : 'center', title : 'Справочник Пользователей', html : '12124' }, { region : 'center', title : 'Реестр Корреспонденции', html : '12124' }] })] }); });