Jquery选择如何通过id设置行颜色

时间:2016-03-21 09:39:49

标签: javascript jquery selectize.js

可以为jquery selectize插件中的每个值设置不同的行颜色吗?

如果ID = 1,我想要设置行颜色为绿色&如果ID = 0到红色

我的选择性领域:

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
});

1 个答案:

答案 0 :(得分: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>';
            }
        }
    }