2016-07-07 3 views
0

剣道のコンボボックスに背景色を設定しようとしています。ただし、色を設定すると、データバインディングも消去されます。下の例の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); 

答えて

1

変更これ:これ

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

:.kendoComboBox(含ま

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

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

関連する問題