dhtmlxドロップダウン矢印をBoostrap Select矢印に置き換えてください。

Question

dhtmlx dropdownを使用するWebアプリケーションで作業しており、ブートストラップスタイルを使用したいと考えています。私は現在、dropdown（select）のBootstrapクラスを追加しようとしていますが、の選択矢印は変更されません。

dhtmlx dropdownにブートストラップスタイルを使用するための簡単な方法はありますか？

this JSFiddleには、コンボボックスが表示されたdhtmlxウィンドウが表示されます。私は$('.dhxcombo_dhx_skyblue').addClass('form-control');のようなBootstrapクラスを追加しました。

矢印を変更するにはどうすればよいですか？私は別の方法を使うべきですか？私はそれを間違っているのですか？

ありがとうございました。

Answer 1

DHTMLXコンポーネントは独自のスキンを適用するため、ブートストラップスタイルを再利用する簡単な方法はありません。ただし、スキンを「素材」に変更することはできます。それはブートストラップに似ています。

チェックhttp://jsfiddle.net/d9s8gx2m/2/

それは `dhtmlx`は` SELECT`を作成しませんので、 `フォームcontrol`クラスである

var window_1 = windows.createWindow('window_1', 0, 0, 300, 400); 
var str = [ 
    { type:"combo" , name:"form_combo_1", label:"dhxCombo1", inputWidth:120 }, 
    { type:"button" , name:"form_button_1", value:"Set Req" } 
]; 
var form_1 = window_1.attachForm(str);