1

这是我的模板中的一个片段（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>

然后在使用模板的视图的 onShow 方法中：

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

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

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

4

1 回答 1

2

您需要data-像这样设置属性：

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

这将被加载到.data()as.data( "minimumResultsForSearch" )并由select2. 请查看 jQuery 的解析规则。

$("#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>

于 2015-09-01T11:55:47.680 回答