JavaScript
发布时间：2022-04-16 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了easyUI下拉列表点击事件使用方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
本文实例为大家分享了使用easyUI下拉列表点击事件的方法，供大家参考，具体内容如下
可以通过
input
和
来创建下拉列表
其中SELEct的创建如下：
通过json来创建js数组
{
"id"
:1,"text":"text1"
},
{
"id":2,"text":"text2"
},
{
"id":3,"text":"text3","
SELEcted":true
},
{
"id"
:4,"text":"text4"
},
{
"id":5,"text":"text5"
}]
例子：
html代码片段：
js代码片段：
);
var obj
http = new Ob
ject(
);
obj
http.text = "
http";
var objTCP = new Ob
ject(
);
objTCP.text = "TCP";
objTCP.id = 1;
obj
http.id = 2;
if (data.ljfs == "
http")
{
obj
http.
SELEcted=true;
} else
{
objTCP.
SELEcted=true;
}
ljfsArray.push(obj
http);
ljfsArray.push(objTC
p);
$('#in_edit_netlink').combobox('loadData',ljfsArray
);
页面效果显示：
属性解释：
valueField:'id'---objTCP.id--->选项值value
textField:'text'---objTCP.text--->页面显示值
objTCP.SELEcted=true; --->默认显示
点击修改事件
onSELEct 等同于 onChange
但是麻烦的是：easyUI中不支持onChange,在html中不支持onSELEct。
onSELEct必须在js代码中使用：
{
on
SELEct: function ()
{
connectionType = $('#in_edit_netlink').val(
);
if (connectionType == 1)
{
$('#in_edit_sjjh').textbox('
SETVALue',tcpI
p);
} else
{
$('#in_edit_sjjh').textbox('
SETVALue',
httpI
p);
}
}
})
使用
默认加载后，onSELEct事件就可以正常使用了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持菜鸟教程。
大佬总结
以上是大佬教程为你收集整理的easyUI下拉列表点击事件使用方法全部内容，希望文章能够帮你解决easyUI下拉列表点击事件使用方法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
