easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

easyui的combobox下拉框默认初始值是空，下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式。

目前的需求是需要在初始化的时候添加"全部数据库"字段,并且在下拉的时候,"全部数据库"一直排在最顶部。

初始化效果如下:

下拉之后的效果如下:

实现方式:

easyui的combobox有一个loader属性,easyui的API对loader属性说明如下:

easyui的combobox有一个onLoadSuccess事件,easyui的API对onLoadSuccess事件说明如下:

实现方式就是综合利用easyui的loader属性和onLoadSuccess事件。

完整的代码如下所示(请关注重点代码,红色标注的部分):

<input id="dBName" name="dBName" class="easyui-combobox" style="width: 200px"data-options="valueField: 'dbname',   textField: 'dbname',   editable:false,loader:function(param,success,error){  $.ajax({  url: '${pageContext.request.contextPath}/rds/rds_findRdsDatabases.action?dbinstanceid=${param.dbinstanceid}',  dataType: 'json',  success: function(data){data.rows.unshift({dbname:'',dbname:'全部数据库'});success(data.rows); //loader的success} }); },onLoadSuccess:function(){$('#dBName').combobox('setValue','全部数据库');}"/>

上面的方法unshift()会将一个或多个元素添加到数组的头部，然后把已有的元素移动到下标较大的位置一腾出空间，它返回的是数组的新长度。

转载于:https://www.cnblogs.com/longshiyVip/p/4599393.html

easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法相关推荐

MFC_C++02_模态对话框，非模态对话框，StaticText静态文本，CEditCtrl控件，ComboBox下拉框，CListCtrl控件，CTreeCtrl 树控件，TabCtrl标签控件
01 模态对话框创建更改标题名: 菜单栏 --> 视图->工具箱 ,找到工具箱导入两个按钮: 准备对话框: 插入就可以了,更改名称双击按钮,可以进入点击事件创建控件的类:右击-&g ...
html下拉框代码默认选中状态,@Html.DropDownListFor 下拉框绑定（选择默认值）
首先先构建绑定下拉框的数据源 private void GetSalesList() { var userList = _rmaExpressAppService.GetUserList(); Tem ...
python tk下拉列表的state_Python tkinter之ComboBox(下拉框)的使用简介
1.ComboBox的基础属性 # -*- encoding=utf-8 -*- import tkinter from tkinter import * from tkinter import tt ...
winform c#绑定combobox下拉框年度代码。
winform c#绑定combobox下拉框年度代码. comboBox1.Items.AddRange(new object[] { "2012", "2013&q ...
easyui下拉框option_js和jQuery以及easyui实现对下拉框的指定赋值实例分享
本文主要为大家分享一篇js和jQuery以及easyui实现对下拉框的指定赋值方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧,希望能帮助到大家. js实现: 1. 通过让第i个o ...
自绘制HT For Web ComboBox下拉框组件
传统的HTML5的下拉框select只能实现简单的文字下拉列表,而HT for Web通用组件中ComboBox不仅能够实现传统HTML5下拉框效果,而且可以在文本框和下拉列表中添加自定义的小图标,让 ...
Devexpress GridControl 设置combobox下拉框
GridControl 设置combobox下拉框 //设置combobox下拉框 private void GetComboBox(string str) { ...
antdesign的表单中的下拉框设置默认值BUG处理
问题: 使用 antdesign 下拉框的默认值是状态值,而不是状态值对应的文案? model层传递的数据 view层在表单中设置的值解决方案: 在默认值的后面加上一个空字符串进行转换
下拉框的value值怎么设置为变量_自绘制HT For Web ComboBox下拉框组件
传统的HTML5的下拉框select只能实现简单的文字下拉列表,而HT for Web通用组件中ComboBox不仅能够实现传统HTML5下拉框效果,而且可以在文本框和下拉列表中添加自定义的小图标,让 ...

easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法相关推荐

最新文章

热门文章