Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.11.2017, 14:45
Аватар для Влад137
Интересующийся
Отправить личное сообщение для Влад137 Посмотреть профиль Найти все сообщения от Влад137
 
Регистрация: 23.11.2017
Сообщений: 22

Вставить таблицу в таб панель!!!
Коллеги, оч простая задача но я не работал особо с ExtJS, поэтому решил спросить у вас. Есть код создания таб панели и есть код шаблона таблицы и объекта... помогите мне вставить таблицу в первую вкладку таб панели

var Store = [
	{
		ID: 1,
		Name: 'Ноутбук Lenovo',
		Describes: 'Ноутбук ThinkPad T460 14"FHD(1920x1080),i5-6200U(2,3GHz),4Gb,500GB@5400+8Gb cache, HD Graphics 520, WiFi,BT,TPM,FPR,WWAN ready,3cell+3cell,Cam,Win7 Pro 64 + Win10 Pro upgrade coupon,1,7kg, 3y OS',
		Price: 100,
		Quantity: 2
	}, {
		ID: 2,
		Name: 'Клавиатура OKLICK',
		Describes: 'Клавиатура OKLICK 140M,  USB, черный',
		Price: 50,
		Quantity: 8
	}, {
		ID: 3,
		Name: 'Сетевой адаптер', 
		Describes: 'Сетевой адаптер WiFi D-Link DWA-582 DWA-582/RU',
		Price: 7,
		Quantity: 0
}];

Ext.onReady(function() {
        var container = Ext.create('Ext.form.Panel', {
			title: 'Главное окно',
            width: '70%' ,
			height:400,
			cls: 'window',
			layout: 'anchor',
			defaults: {
				anchor: '100%'
			},
			renderTo: Ext.getBody(),
			
			items:[{
				xtype : 'tabpanel',
				//region: 'south',
				height: 100,
				title : 'Панель товаров',
				
				items : [{
					title : 'Товары 1',
					html: 'Контент первой вкладки',
					cls: 'tab'
                                       },{
					title : 'Товары 2',
					html  : 'Контент второй вкладки',
					cls: 'tab'
					}, {
					title : 'Товары 3',
					html  : 'Контент третьей вкладки',
					cls: 'tab'
				}]
			}],
            
			buttons: [{
					text: 'Товары',
					handler: function() {
						var el = Ext.get('.tab');
						elt.update('<b>Hello World!</b>');
					}
				}, {
					text: 'Выход',
					handler: function() {
						location.href='Окно авторизации.html';
					}
				}],
        });
    });


и шаблон :
var tpl = new Ext.XTemplate
					('<h1>TIOBE Rate</h1>',
					'<table>',
					'<tr>',
						'<td>ID</td>',
						'<td>Имя товара</td>',
						'<td>Описание</td>',
						'<td>Цена</td>',
						'<td>Количество</td>',
					'</tr>',
					'<tpl for=".">',
					'<tr>',
						'<td>{ID}</td>',
						'<td>{Name}</td>',
						'<td>{Describes}</td>',
						'<td>{Price}</td>',
						'<td>{Quantity}</td>',
					'</tr>',
					'</tpl>',
					'</table>');                          
					tpl.overwrite(Ext.getBody(), Store);
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вставить таблицу из excel на страницу сайта? nick_e Общие вопросы Javascript 2 12.08.2015 05:37
Как вставить таблицу? Женя150 Events/DOM/Window 1 06.12.2012 10:34
как вставить строки в таблицу? Yurik Events/DOM/Window 2 29.02.2012 17:14
Подскажите как мне вставить таблицу на сайт Sohne Серверные языки и технологии 5 06.10.2011 19:12
Как вставить изображение в документ, не используя таблицу? возжаждавший Элементы интерфейса 1 05.03.2010 19:36