2011-08-11 1 views
2

일부 항목을 Combobox 기울임 꼴로 만들고 싶습니다.ExtJs ComboBox : 스타일 항목

열의 렌더러와 같은 것이 있습니까? 아니면 어떻게해야합니까?

편집 : 죄송하지만

나는 내가 완전히 이해이 atfter에 좀 더 많은 단어를 쓸 것 ... 난 충분한 정보를 제공하지 않았고, 나는 이것이 내가 전에 어떻게 원하는 것을 넌센스가 실현하고있어 내 문제 ...

+0

어떻게하면 콤보 박스 또는 스토어를 호출하는지 언급해야합니까? – Unknown

답변

5

당신은 그냥 드롭 다운에서 사용되는 내부 바운드 목록의 getInnerTpl() 기능을 제공하는 것으로 충분 목록 항목 자체의 스타일을 원하는 경우 :

var combo = new Ext.form.field.ComboBox({ 
    // ... 
    listConfig: { 
     getInnerTpl: function() { 
      return '{field1}: {field2}'; 
     } 
    }, 
    // ... 
}); 

당신이 원하는 경우를 드롭 다운의 전체 내용을 변경하고 싶은 listConfig에서 tpl 매개 변수를 제공합니다 제안

var combo = new Ext.form.field.ComboBox({ 
    // ... 
    listConfig: { 
     tpl: '<div><tpl for="."><span class="item">{field1}: {field2}</span></tpl></div>', 
     itemSelector: 'span.item' // you need to provide an itemSelector if you change the template 
    }, 
    // ... 
}); 

Tanel Tähepõld, 당신이 쉬 oldd Ext.XTemplate에 대한 설명서를 읽으십시오.

0

Ext.form.field.ComboBox에는 "renderTpl"속성이 있습니다. Ext.XTemplate을 직접 생성하여 (HTML 마크 업) 사용할 수 있습니다. XTemplate은 기울임 꼴 텍스트에 caluse를 만들 수 있도록 템플릿 안의 calus를 사용할 수도 있습니다. Ext.XTemplate에 대한 문서 : http://docs.sencha.com/ext-js/4-0/#/api/Ext.XTemplate

+0

'renderTpl'을 오버라이드하지 마십시오. 모든 컴포넌트 레이아웃을 파괴 할 것이기 때문입니다. –