如何从Select2中的数据源设置data- *?

时间:2016-11-02 13:29:16

标签: javascript jquery select2 jquery-select2-4

我使用Select2如下:

$('select#fields').select2({
   placeholder: 'Select a field',
   data: data.fields
});

data.fields是一个像这样的JSON:

"fields": [
  {
    "id": "companies_id",
    "text": "companies_id",
    "data-type": "int"
  },
  {
    "id": "parent_companies_id",
    "text": "parent_companies_id",
    "data-type": "int"
  },
  {
    "id": "client_of_companies_id",
    "text": "client_of_companies_id",
    "data-type": "int"
  },
  {
    "id": "asset_locations_id",
    "text": "asset_locations_id",
    "data-type": "int"
  },
  {
    "id": "companies_name",
    "text": "companies_name",
    "data-type": "varchar"
  },
  {
    "id": "companies_number",
    "text": "companies_number",
    "data-type": "varchar"
  }
]

idtext用于填充选项值,我可以使用第三个值data-type并将其设置为<option>的属性吗?如果是这样的话?可以留下一个例子吗?

1 个答案:

答案 0 :(得分:1)

实际上 - select2默认保存其创建的data('data')元素的<option>变量中的所有属性,您始终可以使用$(<option>).data('data')访问这些值,但请保持请记住与<{1}}的{​​{1}} 相同}。您需要使用属性的完整名称。

以下是如何在.data('type')事件中获取data-type="value"的值的示例:

data-type
select