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

EasyUI Combobox组合框是个比较好用的前端组件,例如它支持本地搜索和远程搜索,这样就可以免去自己写模糊查询。基本使用方式如下:

<input id="cc" name="dept" value="aa">
$(‘#cc‘).combobox({
    url:‘JsonData.ashx‘,
    valueField:‘id‘, //表单值
    textField:‘text‘, //表单文本
    mode:‘local‘, //本地搜索
    onLoadSuccess: function () { //加载完成后,默认选中第一项
         var val = $(this).combobox("getData");
         for (var item in val[0]) {
             if (item == "id") {
                 $(this).combobox("select", val[0][item]);
             }
         }
     }
});
[{
    "id":1,
    "text":"text1"
},{
    "id":2,
    "text":"text2"
},{
    "id":3,
    "text":"text3",
    "selected":true
},{
    "id":4,
    "text":"text4"
},{
    "id":5,
    "text":"text5"
}]
时间: 2024-10-14 13:32:22

EasyUI Combobox组合框(模糊搜索、默认值绑定)的相关文章

表单(上)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

EasyUI Combobox 组合框

默认选择第一项,加请选择,取值问题 <input class="easyui-combobox" id="ddlWHS" name="ddlWHS" /> //combox默认选择第一个 $(function () { $('#ddlWHS').combobox({ url: "../../HR/attType/list_attType.ashx?type=Bindddl", valueField: 'Workin

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

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

js给文本框增加默认值

js给文本框增加默认值 <script type="text/javascript">window.onload = function () {var ss = document.getElementById("txt");ss.onfocus = function () {this.value = "";ss.style.color = "black";}ss.onblur = function () {if (

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

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

easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库"字段,并且在下拉的时候,"全部数据库"一直排在最顶部. 初始化效果如下: 下拉之后的效果如下: 实现方式: easyui的combobox有一个loader属性,easyui的API对loader属性说明如下: easyui的combobox有一个onLoadSuccess事件,eas

jQuery EasyUI 表单插件 - Combobox 组合框

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

C#中的ComboBox实现只能选择不能输入,且下拉框中有默认值。

下拉框有DropDownStyle这一属性,把DropDownStyle类型选为DropDownList,则下拉框只能选择不能输入了.但是这时的下拉框是没有默认值的,即使在Text属性中输入默认值,也不起作用.就要在(某某某.Designer.cs)文件中修改.这是没有修改的:this.NameTemplateBox.Cursor = System.Windows.Forms.Cursors.Default; this.NameTemplateBox.DropDownStyle = System

Ext.form.field.ComboBox组合框

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