javascript - jQuery 插件 select2 的 data-* 属性与 Backbone 兼容吗？

Question

这是我的模板(Backbone with Marionette)中的一个片段:

<div class="form-group">
    <label for="some_id" class="align-left col-sm-4 control-label">Some Label</label>
    <div class="col-sm-7">
        <select id="some_id" style="width:150px;" data-minimumresultsforsearch="10" />
    </div>
</div>

然后在使用模板的View的onShow方法中:

types = ['Type 1', 'Type 2'];
this.$("#some_id").select2({
  data: types
}); 

这是 select2 v4.0。类型出现，但 minimumresultsforsearch 没有任何效果。我不确定如何调试它。

仅供引用，我试图在 HTML 中进行一些配置的原因是，据我所知，我必须在 onShow 中使用相同的配置选项，然后在需要该元素的任何方法中再次使用更新了，所以我重复了很多代码。如果我可以将它们放在 HTML 中，我想我只需要在 JavaScript 中使用相关选项，即“数据:”。

Answer 1

你需要像这样设置data-属性:

data-minimum-results-for-search="25"

这将作为 .data( "minimumResultsForSearch") 加载到 .data() 中，并由 select2 选取。请查看 jQuery 的 parsing rules对于相同的。

$("#myselectbox").select2();

<link href="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>

<select id="myselectbox" data-minimum-results-for-search="25">
<option>1</option>
<option>2</option>
<option>3</option>
<option>14</option>
<option>15</option>
<option>26</option>
<option>37</option>
<option>38</option>
<option>19</option>
<option>22</option>
<option>222</option>
<option>22</option>
<option>1222</option>
</select>