Extjs 4.1.1使用dataView如何在循环中显示子项

Question

我第一次使用Extjs 4.1.1时使用的是Extjs，即http://docs.sencha.com/ext-js/4-1/#!/api/Ext.view.View

现在我希望将其显示为第一行复选框及其子项单选按钮。

目前我正在考虑将子项存储为dataView存储中的对象，以便在XTemplate中我可以遍历它。

但不知何故无法实现这一目标。

有谁能告诉我怎么能实现这个目标？

是的，这是我的模板.. 一些我如何能够实现单选按钮，但需要标记图像中显示的类别名称.. ucss软件升级....

 Ext.create('Ext.XTemplate',
    '<tpl>',
    '<div style="float :left;width: 60%;padding-left: 14px;"><b>SKU</b></div>',
    '<div style="width: 20%;;float:left;"><b>Time</b></div>',
    '<div style="padding-left: 14px; "><b>Price</b></div><hr>',
    '<tpl for=".">',
            '<div class="inputPanel-item">',
            '<tpl if="category.length &gt; 0">',
                '{categoryName}',
               '<tpl for="category">', 
                 '<span style="float :left;width: 60%;"><input type={controlType} name={name} {checked} style=" vertical-align: -3px;margin-right: 5px;" value={optionPath}>{name}</span>',
                '</tpl>',
             '<tpl else>',  
                '<span style="float :left;width: 60%;"><input type={controltype} name={itemName} {checked} style=" vertical-align: -3px;margin-right: 5px;" value={optionPath}>{itemName}</span>',
                '<div class=yagnaEditableCell style="width: 20%;;float:left;">{time}</div>',
                '<span style="padding-left: 8px; width: 20%;">$ {price:this.formatPrice}</span>',
                '</tpl>',  
            '</div>',
    '</tpl></tpl>',

这是我的领域，类别的definationo ..     {name：'category'}，

我没有在这里给出“类型”，即字符串或布尔等。所以默认情况下它采用了对象，所以我能够遍历对象。 即      你能说明这是正确的方法吗？另外，我如何才能显示类别名称，因为我的商店中有所有记录的数据。