EasyUI - ComboBox 下拉组件

效果:

html代码:

        <input id ="comb" name ="comb"/>

JS代码:

    $(function () {
        $(‘#comb‘).combobox({
            width: 100,
            valueField: ‘id‘,
            textField: ‘name‘,
            url:‘../Json/comboBoxjson.ashx‘,
        });
    })

后台一般处理程序代码:

        public void ProcessRequest(HttpContext context)
        {
            DataTable dt = SQLHelper.ExecuteTable("select id, name from Tb_person", CommandType.Text);
            string comboboxjson = DatatableToJson.ToJson(dt);
            context.Response.Write(comboboxjson);
        }
时间: 2024-10-12 15:41:06

EasyUI - ComboBox 下拉组件的相关文章

easyui combobox下拉框中显示大于号小于号的问题

前两天同事做了个功能,通过勾选下拉框里的值进行列表查询,结果下拉框里的值是“0<t<=2”.“2<t<=5”.“t>5”这样的. combobox是用脚本渲染出来的,里面的data的格式就如这样: [{ID:"01",TEXT:"0<t<=2"},{ID:"02",TEXT:"2<t<=5"},{ID:"03",TEXT:"t>5&quo

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

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

自绘制HT For Web ComboBox下拉框组件

传统的HTML5的下拉框select只能实现简单的文字下拉列表,而HTforWeb通用组件中ComboBox不仅能够实现传统HTML5下拉框效果,而且可以在文本框和下拉列表中添加自定义的小图标,让整个组件看起来更直观,今天我就如何制定ComboBox自定义下拉框做一番探讨. 首先我们先来目睹下效果:   看起来跟普通的ComboBox好像也没什么特殊的,是的,按照规范的ComboBox设计,完全可以实现同样的效果,但是今天的主要任务并不是讨论有多少实现方案,今天的首要任务是介绍HT for We

WinForm多窗体间操作,ComboBox下拉菜单控件

1.通过操作一个窗体打开另一个窗体 已有窗体为Form1.Form1中有一个按钮,对该按钮编写点击事件: Form2 f2 = new Form2();f2.Show(); 通过这段代码来打开Form2. 在实际应用中会出现代开Form2后需要Form1隐藏的情况,此时可以加入代码:this.Hide();来实现隐藏Form1. [不能关闭Form1,如果关闭Form1,那么Form2也会关闭,因为Form1是主窗体] 2.在窗体之间进行值的传递 在某些情况下,需要用到某个已经获取到的值,为了提

Devexpress GridControl 设置combobox下拉框

GridControl 设置combobox下拉框 //设置combobox下拉框        private void GetComboBox(string str)        {            RepositoryItemComboBox combobox = new RepositoryItemComboBox();            combobox.Items.Add(str);            combobox.AllowNullInput = DevExpr

extjs4 分页工具栏pagingtoolbar的每页显示数据combobox下拉框

var itemsPerPage = 20; var combo; //创建数据源store Ext.define('recordStore', { extend : 'Ext.data.Store', // autoLoad : { // start : 0, // limit : itemsPerPage // }, start : 0, limit : itemsPerPage, pageSize : itemsPerPage, model : 'recordModel', proxy :

框架 day50 BOS项目 4 批量导入(ocupload插件,pinyin4J)/POI解析Excel/Combobox下拉框/分区组合条件分页查询(ajax)/分区数据导出(Excel)

知识点: 批量导入(ocupload插件,pinyin4J /POI解析Excel(apache POI) /区域分页查询 /Combobox下拉框 /分区组合条件分页查询(ajax) /分区数据导出(Excel下载) BOS项目笔记第4天 1.    区域批量导入功能 *Ajax不支持文件上传. *上传并且不刷新上传页面原理: Target到一个0,0,0的隐藏iframe里,造成一个没有刷新的假象 <form target="myIframe" action="ab

sencha combobox下拉框不用jsonstore,直接使用字符串数组做数据源

combobox下拉框的store除了可以选择一个jsonstore来加载数据,还可以直接写成字符串Array的形式. { xtype: 'combobox', fieldLabel: 'Label', store: [ 'aa', 'bb', 'cc' ], listeners: { change: { fn: me.onComboboxChange, scope: me } } } sencha architecture里设置如下(点击store前面的小图标弹出选择项,选择Array,然后直

一点点关于JS的东西:EasyUI布局+下拉框之个人简单使用

根据项目需要,自己写的一个小小demo:实现的简单效果是这样子的,通过下拉框选择数据项,点击页面Button触发,根据下拉框值加载选显卡Tbs. html代码如下: 一个下拉框,一个button,一个空的tbs,两个隐藏内容div(可以动态合成). <select id="Model" class="easyui-combobox" name="Model" style="width:250px;">