extjs 4.1如何在xtemplate中显示编号和项目符号

我有一个X样板
这是我在xtemplate中的编号和子弹

data: {
    x: '<table><tbody>'
       +'<tr><td colspan="4">'
       +' <ol><li>&#8203;my 1</li><li>my 2<br></li></ol>'
       +'</td></tr> </tbody></table>',
    y: '<table><tbody>'
       +'<tr><td colspan="4">'
       +' <ul><li>my 1</li><li>my 2</li><li>&#8203;</li></ul>'
       +'</td></tr></tbody></table>'
}

数据：{
x:'
+''
+“
和#8203；我的1
我的2
”
+' ',
y:'
+''
+“
我的1
我的2
和#8203；
”
+''
}

但这并没有显示数字和子弹

---

我想在我的xtemplate中显示编号和项目符号。如何解决这个问题谢谢你首先需要将你的标记包装在一个定制的CSS类中

您可以直接在XTemplate的标记中执行此操作：

Ext.create('Ext.XTemplate',
    '<div cls="my-ct-class">',
        // ... rest of your template
    '</div>',
);

然后，您必须重新设置Ext“重置”的所有内容以及您需要的所有内容的样式。。。以下是修复有序和无序列表、放入您自己的CSS文件（clean方法）或index.html中的

标记所需的最小CSS规则集（用于测试）：

---

您必须恢复Ext覆盖的CSS样式，特别是针对该面板（使用自定义CSS类）和每种类型的元素。这有点挑剔。@rixo怎么做？我很笨：（我在中尝试了，但没有成功：（.哪里错了？：）我的错，我认为它可以在不需要指定li元素的情况下工作。显然它不工作。我已经更新了我的答案，并用于说明。

Ext.widget('panel', {

    cls: 'my-ct-class',

    tpl: // ...
});

.my-ct-class ol li {
    list-style:decimal;}
.my-ct-class ul li {
    list-style:disc;}
.my-ct-class ul ul li {
    list-style:circle;}
.my-ct-class ul, .my-ct-class ol {
    padding-left: 2em;}