EasyUI Combobox 组合框

默认选择第一项,加请选择,取值问题

<input class="easyui-combobox" id="ddlWHS" name="ddlWHS" />

 //combox默认选择第一个
                        $(function () {
                            $(‘#ddlWHS‘).combobox({
                                url: "../../HR/attType/list_attType.ashx?type=Bindddl",
                                valueField: ‘WorkingHour_beginTime‘,
                                textField: ‘WorkingHour_name‘,
                                editable: false,
                                onLoadSuccess: function (data) {
                                    var data = $(‘#ddlWHS‘).combobox(‘getData‘);
                                    if (data.length > 0) {
                                        $("#ddlWHS").combobox(‘select‘, data[0].WorkingHour_beginTime);
                                    }
                                }
                            });
                        });

                       //    combox加请选择
                        $(function () {
                            $(‘#ddlWHS‘).combobox({
                                url: "../../HR/attType/list_attType.ashx?type=Bindddl",
                                valueField: ‘WorkingHour_beginTime‘,
                                textField: ‘WorkingHour_name‘,
                                editable: false,
                                //返回要显示的过滤数据
                                loadFilter: function (data) {
                                    var o = [{ ‘WorkingHour_beginTime‘: ‘0‘, ‘WorkingHour_name‘: ‘--请选择--‘}];
                                    return o.concat(data);
                                },
                                //当远程数据加载成功时触发
                                onLoadSuccess: function (data) {
                                    var data = $(‘#ddlWHS‘).combobox(‘getData‘);
                                    if (data.length > 0) {
                                        $("#ddlWHS").combobox(‘select‘, data[0].WorkingHour_beginTime);
                                    }
                                },
                                onSelect: function (record) {
                                  //获取values
                                   alert($("#ddlWHS").combobox("getValues"));
                                  // 获取text
                                   alert($("#ddlWHS").combobox("getText"));
                                }

                            });
                        });
时间: 2024-11-09 15:35:23

EasyUI Combobox 组合框的相关文章

EasyUI Combobox组合框(模糊搜索、默认值绑定)

EasyUI Combobox组合框是个比较好用的前端组件,例如它支持本地搜索和远程搜索,这样就可以免去自己写模糊查询.基本使用方式如下: <input id="cc" name="dept" value="aa"> $('#cc').combobox({ url:'JsonData.ashx', valueField:'id', //表单值 textField:'text', //表单文本 mode:'local', //本地搜索

表单(上)EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树

EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等.当提交表单时,调用 'validate' 方法来检查表单是否有效. 用法 创建一个简单的 HTML 表单.构建表单并给 id.action.method 赋值. <form id="ff" method="post"> <div> <lab

Extjs 4.2使用心得 --- combobox组合框和paging 分页工具使用技巧

这两个功能经常会一并使用到,一般在生成combo组合框时,设置pageSize大于0,在下拉列表的页脚位置会自动创建一个分页工具栏,前提是queryMode:'remote' 读取远程数据时. 先来建立一个Model: Ext.define('Post', { extend: "Ext.data.Model", proxy: { type: 'ajax', url: '/admin/organizations/ExtCombox/', reader: { type: 'json', r

通过编写串口助手工具学习MFC过程&mdash;&mdash;(四)添加ComboBox组合框

通过编写串口助手工具学习MFC过程 因为以前也做过几次MFC的编程,每次都是项目完成时,MFC基本操作清楚了,但是过好长时间不再接触MFC的项目,再次做MFC的项目时,又要从头开始熟悉.这次通过做一个串口助手再次熟悉一下MFC,并做了一下记录,以便方便以后查阅.做的过程中多是遇到问题直接百度和谷歌搜索来的,所以很多都是不求甚解,知其然不知其所以然.另外做此工具只是为了熟悉了解,许多功能还没有完善!(开发工具VS2008) (四)添加ComboBox组合框 ComboBox组合框有编辑框和下拉列表

jQuery EasyUI 表单插件 - Combobox 组合框

扩展自 $.fn.combo.defaults.通过 $.fn.combobox.defaults 重写默认的 defaults. 组合框(combobox)显示一个可编辑的文本框和下拉列表,用户可以从下拉列表中选择一个或多个值.用户可以直接输入文本到列表的顶部,或者从列表中选择一个或多个现成的值. 依赖 combo 用法 从带有预定义结构的 <select> 元素创建组合框(combobox). <select id="cc" class="easyui-

Ext.form.field.ComboBox组合框

1.Ext.form.field.ComboBox主要配置 Ext.form.field.ComboBox主要配置项 配置项 类型 说明 allQuery String 发往服务器用来查询全部信息的查询字符串,默认为空 autoSelect Boolean 是否自动选择第一个列表值,默认为true defaultListConfig Object listConfig配置对象包括: emptyText:当输入值在列表中不存在时显示的信息,默认为空文本 loadingText:默认加载提示load

ExtJs之Ext.form.field.ComboBox组合框

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/

EasyUI combobox下拉列表实现搜索过滤(模糊匹配)

项目中的某个下拉列表长达200多个项,这么巨大的数量一个一个找眼镜都得看花,于是就得整了个搜索功能.看网上别人帖子有只能前缀匹配的方案,但只能前缀匹配的话用起来也不是很方便.于是就记录一下模糊匹配的方案. 实现效果: 这里使用的是combobox组合框,对于combobox的创建可以使用<input>输入框,也可以使用<select>下拉选.我使用的是<select>: HTML代码 <label>关联课程</label> <select

进阶教程(9)- 添加组合框combobox

combobox是krpano一个非常常见的组件,它是我们在网页常见的组合框,你可以利用组合框来实现场景导航或者功能分类.缩略图分组等功能.在官网案例有一个自动添加所有场景到一个combobox的案例,不过这个案例没有和cofu skin结合,本次课程我们就是把combobox和默认漫游ui结合. 首先,combobox的位置是examples/virtual-tours/scenes-with-combobox/ 在线预览地址(手机可看,为HTML5样式)是 http://www.krpano