에 extjs 4.1 번호 및 xtemplate

Question

총알 쇼에 어떻게 여기 내 번호가 총알 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>' 
} 

그러나이 번호가 표시되지 않고 총알

입니다 http://jsfiddle.net/qbytj/
에 xtemplate이

내 xtemplate에 번호 매기기 및 글 머리 기호를 표시하고 싶습니다. 그 고칠 방법

Answer 1

먼저 사용자 정의 CSS 클래스에 마크 업을 래핑해야합니다.

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

을 아니면 템플릿을 사용하여 구성 요소의 cls 옵션을 사용할 수 있습니다 :

당신은 당신의 XTemplate의 마크 업에서 직접 그렇게 할 수 있습니다. 이 패널의 경우 예를 들어, :

Ext.widget('panel', { 

    cls: 'my-ct-class', 

    tpl: // ... 
}); 

그럼 당신은 내선은 "reseted"당신이 필요 ... 여기에, 정렬 및 정렬되지 않은 목록을 수정하는 데 필요한 최소한의 CSS 규칙 세트입니다 것을 모든 스타일을 다시해야한다 (OK 테스트를 위해) 당신의 index.html을에 <style> 태그에 자신의 (깨끗한 방법)의 CSS 파일에 넣어 또는 :

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