Как сохранить классы OPTION с Ext.form.ComboBox в ExtJS?

Question

При использовании виджета переводчика сайта Google вы можете поставить класс «notranslate» на HTML-элементы, которые должны остаться нетранслированными. Я применил их к отдельным элементам OPTION элемента SELECT, где некоторые из параметров должны быть переведены, а другим - нет, но когда я вызываю Ext.form.ComboBox(), классы на отдельных элементах OPTION не переносятся.

мне нужно сделать что-то вроде этого:

<select> 
    <option>Please choose your team:</option> 
    <option class="notranslate">1983 Los Angeles Dodgers</option> 
    <option class="notranslate">1983 Atlanta Braves</option> 
<select> 

заводятся в это:

<!-- note the class "notranslate" --> 
<div class="x-layer x-combo-list " id="..." style="..."> 
<div class="x-combo-list-inner" id="..." style="..."> 
    <div class="..."><font><font>Please choose your team:</font></font></div> 
    <div class="... notranslate"><font><font>1983 Los Angeles Dodgers</font></font></div> 
    <div class="... notranslate"><font><font>1983 Atlanta Braves</font></font></div> 
</div> 

Любые идеи?

Обновлено больше информации Я использую версию 3.4, и это код, который я в настоящее время на месте:

var teamChoice = new Ext.form.ComboBox({ 
    typeAhead: true, 
    triggerAction: 'all', 
    transform: 'teamChoice', 
    width: 300, 
    forceSelection: true 
}); 

Я видел вариант listClass, но это, кажется, относится ко всем список элементов. В моем сценарии я хотел бы применить класс только к элементам списка, которые уже имеют класс «notranslate» в исходном элементе OPTION.

Answer 1

Это для ExtJS 4? Я не уверен, как это меняется для 3.3.1, но я считаю, что это должно сработать для вас:

Ext.create('Ext.form.ComboBox', { 

    ... 

    listConfig: { 
     itemCls: 'notranslate' 
    } 

    ... 
});