ExtJS 4.1 Как показывают пронумерован и пуля в XTemplate

Question

У меня есть XTemplate в http://jsfiddle.net/qbytj/
вот мой нумерованных и пуля в 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: // ... 
}); 

Тогда вы должны рестайлинг все, что Ext имеет «сброшен», и что вам нужно ... Вот минимальный набор правил 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;}