剣道コンボボックスの背景色を設定する綴じを外す

Question

剣道のコンボボックスに背景色を設定しようとしています。ただし、色を設定すると、データバインディングも消去されます。下の例のjsfiddleでは、2番目のコンボボックス（cb2）の背景は設定されていますが、項目はありません。

JsFiddle

<div id="example"> 
    <input id="cb1" class="combobox" /> 
    <input id="cb2" class="combobox" /> 
    <input id="cb3" class="combobox" /> 
</div> 


var viewModel = kendo.observable({ 
    allowCustomValues: false, 
    testData: new kendo.data.DataSource({ 
     data: [{ 
      id: 1, 
      name: 'BMW' 
     }, { 
      id: 2, 
      name: 'Audi' 
     }, { 
      id: 3, 
      name: 'Ferrari' 
     }] 
    }) 
}); 

$('.combobox').kendoComboBox({ 
    dataSource: viewModel.testData, 
    autoBind: false, 
    dataTextField: 'name', 
    dataValueField: 'id', 
    suggest: true, 
    placeholder: 'Select a car' 
}); 

kendo.bind('#example', viewModel); 

// ****************************************** 
// SET BACKGROUND COLOR 
// ****************************************** 
var cb = $("#cb2").kendoComboBox().data("kendoComboBox"); 
cb.wrapper.find(".k-input").css("background", "#FFFFE0"); 

//ddl.input.css("background", propertyValue); 

Answer 1

変更これ：これ

var cb = $("#cb2").kendoComboBox().data("kendoComboBox"); 

：.kendoComboBox（含ま

var cb = $("#cb2").data("kendoComboBox"); 

）ある程度（コンボボックスを再初期化することが原因となっています）、あなたが観察する問題を引き起こします。選択＃cb2は既にComboBoxとしてインスタンス化されているため、メソッドを再度呼び出す必要はありません。