Sencha touch 如何为Sencha中的单个列表项设置自定义披露按钮?

Sencha touch 如何为Sencha中的单个列表项设置自定义披露按钮?,sencha-touch,Sencha Touch,我已经设置了一个XTemplate,根据列表项的类型,为不同的列表项显示不同的样式。我还想有不同的披露按钮,为每一个不同的类型。我可以使用以下方法将所有披露按钮设置为自定义图像: .x-list-item .x-list-disclosure { overflow: visible; -webkit-mask: 0 0 url(path/to/image) no-repeat; } 但我找不到改变个人披露按钮的方法。我尝试在XTemplate ie中定义自定义类: var solutiontp

我已经设置了一个XTemplate,根据列表项的类型,为不同的列表项显示不同的样式。我还想有不同的披露按钮,为每一个不同的类型。我可以使用以下方法将所有披露按钮设置为自定义图像:

.x-list-item .x-list-disclosure {
overflow: visible;
-webkit-mask: 0 0 url(path/to/image) no-repeat;
}
但我找不到改变个人披露按钮的方法。我尝试在XTemplate ie中定义自定义类:

var solutiontpl = new Ext.XTemplate (

            "</pre>",
            "<div class = 'solution-container'>",
                "<div class = 'list-item-title'>",
                    '<tpl if = "type == \'p\'">',
                    "{title}<span class = 'solution-rating-text'>{rating}</span>",
                    "<span class = 'partner-icon'></span>",
                    '</tpl>',
                    '<tpl if = "type == \'a\'">',
                    "{title}<span class = 'solution-rating-text'>{rating}</span>",
                    '</tpl>',
                    '<tpl if = "type == \'s\'">',
                    "{title}<span class = 'solution-rating-text'>{rating}</span>",
                    '</tpl>',
                "</div>",
            "</div>",
            "<pre>"
);
var solutiontpl=new Ext.XTemplate(
"",
"",
"",
'',
“{title}{rating}”,
"",
'',
'',
“{title}{rating}”,
'',
'',
“{title}{rating}”,
'',
"",
"",
""
);

并尝试使用“.solution container.x-list-item.x-list-disclosure”将披露按钮设置为无效。我该怎么做呢?

.solution container.x-list-item.x-list-exposition
无法工作,因为类为
.solution container
的元素实际上是类为
.x-list-item
的元素的子元素

下面是DOM的外观:

var myList = new Ext.extend(Ext.List, {
    id: 'SpecialDisclosureList',
    store: MyStore,
    itemTpl: '<div> ... tpl ... </div>',
    onItemDisclosure: true
});
(Sencha Touch 2):


这只是更改所有项目的discloure图标,而不是为不同的ITME设置不同的图标
var myList = new Ext.extend(Ext.List, {
    id: 'SpecialDisclosureList',
    store: MyStore,
    itemTpl: '<div> ... tpl ... </div>',
    onItemDisclosure: true
});
Ext.create('Ext.List', {
   id : 'SpecialDisclosureList',
   itemTpl: '<div> ... tpl ... </div>',
   store: MyStore
   onItemDisclosure: true
});
#SpecialDisclosureList.x-list .x-list-disclosure {
    overflow: visible;
    -webkit-mask: 0 0 url(path/to/image) no-repeat;
}