从extjs中ul容器内的xTemplate渲染列表项(li)

时间:2013-09-11 16:18:15

标签: extjs extjs4.2

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

我目前的模板:

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

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

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

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