本文实例为大家分享了使用easyUI下拉列表点击事件的方法,供大家参考,具体内容如下
可以通过
input
和select
来创建下拉列表其中select的创建如下:
通过json来创建js数组
rush:js;">
[{
"id":1,"text":"text1"
},{
"id":2,"text":"text2"
},{
"id":3,"text":"text3","selected":true
},{
"id":4,"text":"text4"
},{
"id":5,"text":"text5"
}]
例子:
HTML代码片段:
rush:xhtml;">
js代码片段:
rush:js;">
var ljfsArray = new Array();
var objHTTP = new Object();
objHTTP.text = "HTTP";
var objTCP = new Object();
objTCP.text = "TCP";
objTCP.id = 1;
objHTTP.id = 2;
if (data.ljfs == "HTTP") {
objHTTP.selected=true;
} else {
objTCP.selected=true;
}
ljfsArray.push(objHTTP);
ljfsArray.push(objTCP);
$('#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代码中使用:
rush:js;">
$("#in_edit_netlink").comboBox({
onSelect: function () {
connectionType = $('#in_edit_netlink').val();
if (connectionType == 1) {
$('#in_edit_sjjh').textBox('setValue',tcpIp);
} else {
$('#in_edit_sjjh').textBox('setValue',httpIp);
}
}
})
使用
rush:js;">
$(function () {
})
默认加载后,onSelect事件就可以正常使用了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。