update panel как использовать цикл?
Имеем dataview, используем новый шаблон, получаем store, данные там уже присутствуют, вывожу в консоль, теперь для вывода данных в шаблоне применяю dataview update. Скажите пожалуйста как мне описать его для вывода данных из store в цикле? Ниже код:
var panelLand = Ext.getCmp('dataview');
var storeLand=Ext.StoreManager.get('Land');
console.log(storeLand);
console.log(storeLand.getAt(0).get('name'));
console.log(storeLand.getAt(0).get('area'));
console.log(storeLand.getAt(0).get('perimeter'));
panelLand.tpl = new Ext.XTemplate(
'<tpl for=".">',
'<div class="x-dataview-item" role="option" tabindex="-1">',
'<table class="tabview">',
' <tr name=\'land\'>',
' <td width=\'200px\'><input type="checkbox" enabled="enabled" value="open" name="comment_status" <tpl if="active">checked="checked"</tpl> />{area}{name}{perimeter}</td>',
' <td class="configure"></td>',
' </tr> ',
' </table>',
'</tpl>',
' ');
panelLand.update({name:storeLand.getAt(0).get('name')});
|
А вы уверены что так стоит делать? Я бы создал отдельные компоненты, со своими темплейтами на все случаи жизни, и их бы отображал по необходимости.
|
Цитата:
|
Или card layout, или уничтожать контент некоего холдера и вставлять другой. Все зависит от того что более правильно для вас. Например при частом переключении между вью - card layout однозначно лучше.
|
Цитата:
|
Ну... как то так:
{ region: "center",
reference: "widgetcontainer",
layout: "card",
items: [
{ itemId: "processes",
xtype: "settings-process-list",
ui: "pm-panel-embedded"
},
{ itemId: "aors",
xtype: "settings-aor-list",
ui: "pm-panel-embedded"
}
]
}
Имеем card layout в определенном регионе. Когда нужно переключиться, активируем карту по айди:
onMenuClick: function(item){
var
me = this,
itemId = item.getItemId()
container = me.lookupReference("widgetcontainer");
container.setActiveItem(itemId);
}
|
| Часовой пояс GMT +3, время: 02:29. |