ExtJS的4.1如何顯示自己的編號，xtemplate

Question

子彈我有http://jsfiddle.net/qbytj/
一個xtemplate這裏是我的編號和子彈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>' 
} 

但不顯示編號和子彈

我想在我的xtemplate中顯示編號和項目符號。如何解決，謝謝

Answer 1

首先，您需要將自己的標記包裝在自定義CSS類中。

您可以在XTemplate的標記直接做到這一點：

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

或者你可以使用使用模板組件的cls選項。例如，如果它是一個面板：

Ext.widget('panel', { 

    cls: 'my-ct-class', 

    tpl: // ... 
}); 

然後，你必須restyle一切分機有「reseted」，而你需要......這裏是修復有序和無序列表所需的最少CSS規則集，以把你自己的（清潔方法）的CSS文件或在<style>標籤在您的index.html（用於測試OK）：

.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;}