Я использую Sencha 2.3.0, и я хочу иметь XTemplate из стороны в сторону компонента (текстовое поле) в ListItem. Код выше отлично работает для DataView/DataItem, но я хочу использовать сгруппированное свойство, которое доступно только в List/ListItem.Определение XTemplate по свойствам элемента ListItem
Вложенный Xtemplate получает визуализацию как DataItem. Как я могу заставить его работать с ListItem? Я также восприимчив к решениям, которые отбрасывают эту вложенную структуру и используют xtemplate как свойство tpl непосредственно в ListItem (конечно, текстовое поле со слушателями также должно быть реализовано).
список
Ext.define('app.view.myList', {
//extend: 'Ext.dataview.DataView',
extend: 'Ext.dataview.List',
xtype: 'mylist',
requires: [
'app.view.MyItem'
],
config: {
title: "myTitle",
cls: 'mylist',
defaultType: 'myitem',
grouped: true,
store: 'myStore',
useComponents: true,
itemCls: 'myitem',
items: [
{
// some components
}
]
}
});
ListItem
Ext.define('app.view.myItem', {
//extend: 'Ext.dataview.component.DataItem',
extend: 'Ext.dataview.component.ListItem',
xtype: 'myitem',
config: {
cls: 'myitem',
items: [
{
xtype: 'component',
tpl: new Ext.XTemplate([
'<table cellpadding="0" cellspacing="0" class="myitemXTemplate">',
//some xtemplate content
'</table>'
].join(""),
{
compiled: true
})
},
{
label: 'some label',
cls : 'myitemtextfield',
xtype: 'textfield',
name: 'myitemtextfield'
}
]
}
});
Заранее спасибо!
Спасибо за ваш код - это не так много объяснений там;) Пытался сделать это, как в вашем примере - было немного трудно. Он отлично работает для компонента текстового поля, но XTemplate в ListItem не будет отображаться. – kerosene