EasyUI的combobox用法

在ITOO中有一个需求，前台使用的是easyUI的框架，这里有几个combobox下拉框，其中的内容都是可选的。

当下拉框中的内容非常多的时候，用户需要选择其中的所有内容，然后，直接对选中的所有的下拉项进行操作，就需要添加一个全选的选项。

方便用户操作，这个全选的选项必须放到下拉框的第一项，而且，这几个combobox控件默认的情况下，就是选中的全选选项。

默认选中的就是全选非常的简单，在页面加载的时候，令该控件的值value等于全选即可。

<span style="font-size:24px;"><script type="text/javascript">//页面初始化window.onload = function () {$('#ExamDate').datebox('setValue', formatterDate(new Date()));           var date = $('#ExamDate').combobox('getValue');//清空考试时间$('#StartTime').combobox('loadData', {});//加载考试时间var url = "/InitExam/QueryExamTimeByDate?date=" + date;$('#StartTime').combobox({url: url,valueField: 'StartTime',textField: 'StartTime',value: "全选"});//清空考试名称$('#ExamName').combobox('loadData', {});//加载考试名称var url = "/InitExam/QueryExamNameByDate?date=" + date;$('#ExamName').combobox({url: url,valueField: 'ExamName',textField: 'ExamName',value: "全选"});}               </script></span>

从Controller返回到前台View中的数据，使用的是Json串，给EasyUI组件的valueField和textField设置好字段之后，它就会自动的绑定Json串中key和value的值。

Controller中的方法返回的是泛型，在转换成Json串之前，先给它添加一项全选选项，为了让全选在下拉的第一项显示，必须先添加全选选项，然后再添加返回的泛型，最后，转换成Json串返回到前台。

<span style="font-size:24px;">public string QueryExamNameByDateTime(){string date = Request.QueryString["date"];string time = Request.QueryString["time"];List<v_examinformation> examinfomation = new List<v_examinformation>();examinfomation = examinfomationViewSerivceBll.QueryExamNameByDateTime(date, time);//添加全选List<v_examinformation> list = new List<v_examinformation>();v_examinformation cmb = new v_examinformation();cmb.ExamName  = "全选";list.Add(cmb);for (int i = 0; i < examinfomation.Count; i++){v_examinformation combox = new v_examinformation();combox.ExamName = examinfomation[i].ExamName.ToString();list.Add(combox);}JavaScriptSerializer servializer = new JavaScriptSerializer();string strJson = servializer.Serialize(list);return strJson;}
</span>

EasyUI的combobox用法相关推荐

Easyui主要组件用法
Easyui主要组件用法说明: 1. combogrid用法说明:combogrid可提供翻页列表的数据选择并可进行数据的过滤查询(查询的传人参数为q,可在控制器中获取这个参数传过来的值,下面的示 ...
easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法
easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...
easyUI的combobox选中无法显示
easyUI的combobox选中无法显示最近,在使用easyUI做前台的页面,遇到一个非常奇葩的问题,就是easyUI的combobox,有下拉的内容,但是,选中之后不会显示到其中文本框中. 首先 ...
EasyUI的datebox用法
EasyUI的datebox用法在ITOO中,需求是这样的,datebox是EasyUI的一个组件,当页面加载的时候,默认获取当前的日期. 实现的方法非常简单,一段js代码就解决问题了. <s ...
Ext.Net学习笔记10：Ext.Net ComboBox用法
ComboBox是最常用的控件之一,它与HTML中的Select控件很像,但可以进行多选.自定义显示格式.分页等. ComboBox用法 <ext:ComboBox runat="se ...
第二百二十三节，jQuery EasyUI，ComboBox(下拉列表框)组件
jQuery EasyUI,ComboBox(下拉列表框)组件,可以远程加载数据的下拉列表组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI 中 C ...
easyui select ajax,easyui的combobox根据后台数据实现自动输入提示功能
easyui的combobox根据后台数据实现自动输入提示功能发布时间:2020-06-11 10:09:41 来源:51CTO 阅读:1981 作者:crackernet adauhuehkek最 ...
easyUI中combobox中idFeild和textFeild的取值方法
easyUI中combobox是比较常用的选择数据的方式,在官方的API说明中是这样描述的:扩展自 $.fn.combo.defaults.使用 $.fn.combobox.defaults重写默认值 ...
java swing 自动补全_扩展easyui的combobox组件的自动完成（autocomplete）
update:现有有easyui插件直接提供了该功能. 可以请参考:http://www.easyui-extlib.com/ 里面combobox的根据拼音自动显示.里面各种插件造福大家. ---- ...

EasyUI的combobox用法

EasyUI的combobox用法相关推荐

最新文章

热门文章