1,可以手动写js,设置下拉框为多选下拉框。
2,也可以使用对应的插件,比如zui.sexy中chosen插件,非常的专业好用。当然还有其他的前端插件,都是可以用的。
插件代码(对应的js包需要自己导入,这里给出关键实现代码):
<select data-placeholder="选择一些爱吃的水果..." class="chosen-select form-control" tabindex="2" multiple=""><option value="strawberries">草莓</option>
斗嫌 <option value="apple">苹果</option>
<option value="orange">橙子</option>
<option value="cherry">樱桃</option>
<option value="banana">香蕉</option>
<option value="figs">无花果</option>
</select>
<!-- 下面的代码为插件的具体实现 -->
$('select.chosen-select').chosen({
no_results_text: '没有找到', // 当检索时没有找到匹配项时显示的提示文本
岩银disable_search_threshold: 10, // 10 个以下的选择项则不显示检索框粗销宴
search_contains: true // 从任意位置开始检索
})
导入对应的js包,利用上面的代码,即可实现多选下拉框的需求,截图如下:
成功完美的实现!
根据获取该panelExt.getCmp('控件ID'晌并敬)
获取后就可以直接调用click()方法了,如果panel有这个事件的话,你最好看一蔽册下api
希望能帮助宴慎到你
//多看官和橘模方API,你会发现新天地伍则var combo = new Ext.from.ComboBox({……})
//在按钮监听的function中唤缓
combo.expand()
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)