Combobox

1.方式一

<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
    <option value="aa">aitem1</option>
    <option>bitem2</option>
    <option>bitem3</option>
    <option>ditem4</option>
    <option>eitem5</option>
</select>

2.方式二

<input id="cc" class="easyui-combobox" name="dept"
    data-options="valueField:‘id‘,textField:‘text‘,url:‘get_data.php‘">

3.方式三

<input id="cc" name="dept" value="aa">
$(‘#cc‘).combobox({
    url:‘combobox_data.json‘,
    valueField:‘id‘,
    textField:‘text‘
});

使用DEMO

<input id="ddlDemo">

$("#ddlDemo").combobox({
        url:"/***/***",
        editable: false, //不可编辑状态
        //cache: false,
        panelHeight: "auto",//自动高度适合
        valueField: "myid",
        textField: "myname",
        onSelect: function (rec) {
            var url = "...url...";
            $("#ddlDemo2").combobox("reload", url);//选择后触发事件,级联加载
        },
        onLoadSuccess: function (rec) {
            $("#ddlDemo").combobox("setValue", "请选择");//成功后的操作
        }
    });

$("#ddlDemo").combobox("select", "100136");//选择指定ID,并触发onSelect事件
$("#ddlDemo").combobox("setValue", "100136");//选择指定ID,不触发onSelect事件
时间: 2024-10-06 12:24:31

Combobox的相关文章

C#枚举绑定到combobox

判断某个整型是否定义在枚举中:Enum.IsDefined(typeof(SyncTimeMethod), i));绑定到ComboBox控件:cmbSyncMethod.DataSource = System.Enum.GetNames(typeof(SyncTimeMethod));获取:(int)Enum.Parse(typeof(SyncTimeMethod), cmbSyncMethod.Text, false);设置:cmbSyncMethod.Text = ((SyncTimeMe

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

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

Delphi之ComboBox

手动添加数据到ComboBox jcsqueryResult.First; while not jcsdqryvehiclebydriverid.Eof do //从TJsonClientDataSet中取出数据,存到ComboBox中 begin v := Vehicle.Create();//这个类有vehicleno和id2个属性. v.vehicleno :=jcsqueryResult.FieldByName('vehicleno').AsString; v.id := jcsquer

Button,CheckBox,Lable,RadioButton,ComboBox,TextBox六个简单控件的使用

所有文字的更改全部在Text属性中更改! ComboBox:点击右上方小箭头,选择编辑项弹出: RadioButton:,Checked属性选择True,表示已被选中: Button:在设计中双击按钮跳转到代码区,代码中会增加如下代码: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.

ASP.NET Aries JSAPI 文档说明:AR.Form、AR.Combobox

AR.Form 文档 1:对象或属性: 名称 类型 说明 data 属性 编辑页根据主键请求回来的数据 method 属性 用于获取数据的函数指向,默认值Get objName 属性 用于拦截form表单的请求数据对象名,可以表名,视图名 tableName 属性 表名 BtnCommit 按钮 onBeforeExecute = function (arrayData) arrayData:Post的数据 isHidden:是否隐藏 $target:JQ对象 BtnCancel 属性 onEx

easyui的combobox根据后台数据实现自动输入提示功能

adauhuehkek最近做项目的时候遇到一个需求,需要在录入数据的时候检索已经存在的数据记录,并从中提取相似的数据进行展示并选择,以提高录入效率,简单的说,这个功能有点像在谷歌.百度搜索框里输入一个关键字,然后自动在下边列举出与关键字相似的信息供选择.好啦,现在功能说完了,下边就直入正题,把两种方法都列出来,以供需要的人去选择使用,其实两种方法的区别之处很小,主要是在返回检索结果时调用方法不一样,一种是map(),另一种是each(),这两个方法的区别我就不说了,简单总结就是map()要从建数

combobox自己主动提示组件加入无选中项清空功能

这个标题非常绕口,只是这也是想了半天的成果,对不起体育老师了. 标题想表达的是:之前讲过的用combobox实现自己主动提示组件.只是如今规定该组件不能够保存data中不存在的数据. 最初的想法是通过onChange事件来作推断.可是无奈该函数在自己主动提示的模式下,每change一次会触发2次onChange事件,太诡异了遂放弃之. 并且onChange事件是在每次combobox中的内容改变时触发,若是keyword输入过程中,该事件一直触发. 而我们所要的效果是等用户输入结果再作校验,所以

combobox select .change onSelect事件触发

我现在要完成的功能是:有两个下拉框,当地一个下拉框选择了第一个选项时,第二个下拉框不可用,否则就可用. 用了jQuery easyUI提供的onSelect方法.如下:js文件:$('#select1id').combobox({                                url:"getClose.do",                                editable:false,                                p

WPF的ComboBox 数据模板自定义

WPF的ComboBox 有些时候不能满足用户需求,需要对数据内容和样式进行自定义,下面就简要介绍一下用数据模板(DataTemplate)的方式对ComboBox 内容进行定制: 原型设计如下: 步骤: 1.新建一个WPF应用程序WpfAppDemo(VS2012),并新建一个images文件夹(上传图片素材); 2.在主界面MainWindow.xaml文件中添加一个Label.ComboBox 和Button控件,如下图: 代码如下: 1 <Window x:Class="WpfAp

Combobox不能赋值怎么办?

做项目的时候,遇到这样一个问题,当我对建筑类型进行这条数据进行编辑的时候,下拉框获取不到选中的值.但是文本框就可以.我想一定是JS的代码写的有问题. 下拉列表框:显示一个可编辑文本框和下拉式列表,用户可以选择一个值或多个值.用户可以直接输入文本到列表顶部或选择一个或多个当前列表中的值. $(function () { //编辑选中的某条建筑记录 $("#edit").click(function () { //获取要编辑的ID var row = $('#dg').datagrid('