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');
}
})