2016-03-21 5 views
0

jquery selectizeプラグインの各値に異なる行の色を設定できますか?Jqueryはidで行の色を設定する方法を選択します

&緑にID = 1であればID = 0赤

私selectizedフィールドにあれば、私は設定された行の色をしたい:ちょうどレンダリングで

var $select = $('#create_site').selectize({ 
    preload: true, 
    maxItems: 1, 
    valueField: 'id', 
    labelField: 'title', 
    searchField: 'title', 
    options: [], 
    render: { 
     option: function (item, escape) { 
      return '<div>' + escape(item.title) + '</div>'; 
     } 
    }, 
    load: function (query, callback) { 
     $.ajax({ 
      type: "GET", 
      url: 'http://' + $(location).attr('hostname') + '/api/site', 
      dataType: 'json', 
      async: false, 
      success: function (res) { 
       callback(res); 
       var $select = $("#selectedsite_create").selectize(); 
       $select[0].selectize.setValue('11'); 
       console.log('Success API Sites'); 
      }, 
      error: function() { 
       callback(); 
       console.log('Error API Sites'); 
      } 
     }); 
    }, 
    onChange: function(value) { 
     if (!value.length) return; 
     console.log(value); 
    }, 
    create: false 
}); 

答えて

0

SOOOOOOシンプル:) ...

render: { 
     option: function (item, escape) { 
      if(item.Online == 1){ 
       return '<div style="background-color: #c6c6c6">' + escape(item.title) + '</div>'; 
      }else{ 
       return '<div>' + escape(item.title) + '</div>'; 
      } 
     } 
    } 
関連する問題