如何为列表中的每个项目添加单选按钮sencha touch 2

Question

               {
               itemId   : 'shippinglist',
               title    : 'Shipping Services',
               height   : 500,
               layout   : 'fit',
               collapsed: true,
               items: [{
                       xtype    : 'list',
                       itemId   : 'list2',
                       store    : 'Checkout',
                       itemTpl  : '<div>Shipping Type: {shipping_type}</br>Amount: ${amount}</div>',
                        }]

以上是手风琴视图中的一个项目。我的问题是我想为列表中的每个项目添加一个单选按钮，以便我知道用户选择了哪种发货类型。我可以在div.please里面的itemTpl中添加单选按钮帮助我解决这个问题吗

Answer 1

在这个示例http://jsfiddle.net/jdflores/9Lrb8/1/中，您可以看到它是如何为ExtJS中的Ext.view.DataView完成的。 Sencha Touch中的“列表”是此类的后代。无论如何，该技术可以应用于两者，因为它主要基于css和框架选择器。

.x-item-selected {
    background : #ffc url(../path/to/a/checked/checkbox) no-repeat 5px center;
}