如何扩展selectize.js中的选项?

时间:2015-11-27 07:17:35

标签: javascript jquery select selectize.js

我有这个回调函数,它在我的页面上创建类别列表。

  this.getCategoryAdCount(function (categories) {
    //added selectize plugin to display multiply choice
    var values = categories.map(function (cat) {return { item : cat.id, text : cat.name + ' (' +cat.count + ')'}; }); //this is my data from the server
   this.$filtercat.selectize({
      plugins: ['remove_button'],
      delimiter: ',',
      persist: false,
      maxItems: 5,
      options: values,
      labelField: "text",
      valueField: "item",
      sortField: 'text',
      searchField: 'text',
      create: function(input) {
        return {
          value: input,
          text: input
        }
      }
    });
  }.bind(this));

它运作良好,但我已经存在函数,它在我页面上的每个.selectize元素上调用$('select')

  $('select').each(function(k, v) {
    var el = $(v);
    var options = SJA.Config.selectizeOptions;
    el.selectize(options);
  });

在此配置中,我有选项列表

selectizeOptions: {
  persist: true,
  maxOptions: 99999,
  dropdownParent: 'body',
  sortField: false,
  render: {
    option: function(data) {
      return '<div data-value="' + data.value + '" title="' + data.text + '" data-selectable class="option">' + data.text + '</div>';
    }
  }
},

所以我不想再在我的回调函数中调用.selectize。是否可以在不调用this.$filtercat的情况下仅为.selectize变量扩展某种选项?

0 个答案:

没有答案