Question

我想对我的项目之一使用selectize。

选项上可以有多个数据属性吗？

例如，我有一个属性：

<option value="{{$type['nom']}}" data-data='{"coeff":{{$type["coeff_principal"]}}}'>{{$type['nom']}}</option>

然后：

    render: {
       option: function (data, escape) {
         return "<div data-coeff='" + data.coeff + "'>" + data.text + </div>"
       }
    },

那多个属性呢？如果我需要data-coeff和data-id？

谢谢

Answer 1

不确定您的意思，您的第一个示例和您的渲染完全不同。一个拥有数据数据，另一个拥有数据系数。您可以拥有任意数量的data-xxx。

    render: {
       option: function (data, escape) {
         return "<div data-one='" + data.one + "' data-two='" + data.two + "' data-id='" + data.id + "' data-coeff='" + data.coeff + "'>" + data.text + </div>"
       }
    },

您只需要确保您的后端返回具有这些属性的数据即可。 data html属性仅用于存储值，因此用户将看不到它们，并且您可以随意设置多个值。请记住，option:代表下拉列表中的选项，item代表选定的项目。根据您需要的功能，您可能还需要在item:...渲染中包括这些数据属性。查看docs了解更多信息。

选择多个数据属性

1 个答案: