如何触发下拉框下拉事件

如何触发下拉框下拉事件,第1张

下面介绍两种方式,主要给出插件代码

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包,利用上面的代码,即可实现多选下拉框的需求,截图如下:

成功完美的实现!

根据获取该panel

Ext.getCmp('控件ID'晌并敬)

获取后就可以直接调用click()方法了,如果panel有这个事件的话,你最好看一蔽册下api

希望能帮助宴慎到你

//多看官和橘模方API,你会发现新天地伍则

var combo = new Ext.from.ComboBox({……})

//在按钮监听的function中唤缓

combo.expand()


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11991003.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存