extjs - 如何为列表中的每个项目添加单选按钮 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 内的 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;
}