extjs - 从 extjs 中的 ul 容器内的 xTemplate 渲染列表项（li）

Question

在 Extjs 数据视图中，我的 itemTpl 是列表项的 XTemplate。如何将模板输出包装在<ul></ul>标签中，以便列表正确显示？

我当前的模板：

Ext.create('Ext.XTemplate',
        '<tpl for".">',
            '<li class="faq-item">{title}',
            '<p class="content" style="">{content}</p>',
            '</li>',
        '</tpl>'

Answer 1

为什么不把<ul>元素放在模板中呢？

Ext.create(
    'Ext.XTemplate',
    '<ul>',
        '<tpl for".">',
            '<li class="faq-item">{title}',
                '<p class="content" style="">{content}</p>',
            '</li>',
        '</tpl>',
    '</ul>'
);

Answer 2

答案是autoEl在数据视图上设置。

xtype: 'dataview',
autoEl: {
    tag: 'ul'
},
...

http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.view.View-cfg-autoEl