欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

EasyUI ComboBox(下拉列表框)通过url加载调用远程数据并实时刷新

程序员文章站 2022-07-13 22:39:03
...

EasyUI ComboBox(下拉列表框)通过url加载调用远程数据并实时刷新
首先,通过input标记创建组合框(combobox)。

<input class="easyui-combobox" type="text" name="字段名" data-options="valueField:'提交到后台的值',textField:'显示的远程数据库的值',
 url:'xxx', editable:false"/>

后台代码在这里就不做展示了,这样下拉列表框就可以动态获取数据了,但是后来发现当我远程数据库的值发生变化的时候, combobox下拉列表的数据没有实时的刷新,解决方法是
使用combobox的onShowPanel方法

	$("#id").combobox({
 		onShowPanel:function(){
 			$(this).combobox('reload');
 		}
	})

如果下拉框有很多的话,不用每一个下拉框都设置onShowPanel方法,直接通过下面的代码就可以让所有的下拉框实时刷新

$(".easyui-combobox").combobox({
			onShowPanel:function(){
				$(this).combobox('reload');
			}
	})
相关标签: EasyUI ComboBox