easyui-combox：控件的初始化；

可以在其中进行文字的筛选功能（过滤），

动态加载数据的方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../EasyUI/themes/default/easyui.css">
    <link rel="stylesheet" href="../EasyUI/themes/icon.css">
    <script src="../EasyUI/jquery.min.js"></script>
    <script src="../EasyUI/jquery.easyui.min.js"></script>
</head>
<body>
<input id="mycombox" name="mycombox">
<script>
$('#mycombox').combobox({
url:'combobox_data.json',
valueField:'id',
textField:'name',
    onSelect: function (r) {
        alert(r.id);
    },
    onLoadSuccess: function () {
        $(this).combobox('setText', '--请选择--');
    }
});
</script>
</body>
</html>


<!--json文件-->
[{
  "id":1,
  "name":"天蚕土豆"
},{
  "id":2,
  "name":"唐家三少"
},{
  "id":3,
  "name":"紫气东来",
  "selected":true
},{
  "id":4,
  "name":"辰东"
},{
  "id":5,
  "name":"爱吃西红柿"
}]
												


											
combox的基本应用的更多相关文章
	

    
						
  1. combox
		
    通过combox控件本身的item添加了选项后,该控件在启动后SelectedIndex默认值是-1,所以最好是在窗体加载的时候初始化城SelectedIndex=0 另外如果是窗体加载时item从数 ...
    
		
    2. 
						
  2. WPF中，Combox的SelectedItem属性绑定成功后，未能默认显示上一次选择的结果。
		
    问题描述: Combox中,设定了绑定对象,但是在第一次进入时却没有显示上次选中的项.      1)查看SelectedItem对应绑定的值,也是有的(启动时,读取上次设置的结果,来初始化界面).  ...
    
		
    3. 
						
  3. WINFORM中的COMBOX模糊查询
		
    有的时候下拉框中的元素过多不好查询,可以考虑进行模糊过滤查询. 在类文件的designer.cs中找到定义combox的模块,加入以下两行代码即可: this.combox.AutoCompleteM ...
    
		
    4. 
						
  4. 关于datagridview里使用combox的总结
		
    最近写的程序中需要在DataGridView中使用下拉选择的功能,首选方案是列的ColumnType属性 使用EditingControlShowing事件, if (e.Control is Com ...
    
		
    5. 
						
  5. C# ComBox 垂直滚动条
		
    用到Combox控件两个属性: 1 MaxDorpDownItems 显示条数 2 IntegralHeight 设置 为false 例如:显示最多20条,超过20条显示垂直滚动条 this.comb ...
    
		
    6. 
						
  6. combox 同时写入和获取 text ，value
		
    c# combox 同时写入和获取 text ,value 2007-10-10 16:33:44|  分类: c# 知识|举报|字号 订阅     public class ComboBoxItem ...
    
		
    7. 
						
  7. C# winform key value型数据如何绑定ComBox (hashtable,keyvaluepair,dictionary )
		
    cbUserAgent是一个combox ArrayList list = new ArrayList(); Dictionary<string, string> useragents = ...
    
		
    8. 
						
  8. silverlight中Combox绑定数据以及动态绑定默认选定项的用法
		
    在Sliverlight中,经常要用到下拉框Combox,然而Combox的数据绑定却是一件令初学者很头疼的事情.今天就来总结一下下拉框的使用方法: 下面写一个简单的例子吧.先写一个日期的Model, ...
    
		
    9. 
						
  9. Combox控件初始化项的技巧
		
    有时候combox下拉项就是几条固定的,不需要做数据绑定,但是如果直接采用字符串集合编辑器的时候,SelectedValue貌似会不起作用. 于是简单的封装一下 /// <summary> ...
    
		
    10. 
						
  10. 【Asp.Net使用EasyUI】EasyUI combox实现联动
		
    很多时候都会用到combox的联动效果,选择上一个combox的值就自动带出这个值对应的其它信息,比如省市联动,最近我也刚好遇到了类似的要求,是用EasyUI  combobox 控件完成的,如果是A ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. Java中实现多线程继承Thread类与实现Runnable接口的区别
			
    Java中线程的创建有两种方式: 1．  通过继承Thread类,重写Thread的run()方法,将线程运行的逻辑放在其中 2．  通过实现Runnable接口,实例化Thread类 在实际应用中, ...
    
			
    2. 
						
  2. WebStorm如何分配运行内存？The IDE is running low on memory...
			
    vue项目做的后台管理系统做得差不多了,安装的依赖包也越来越大,就在春节放假的前两天,突然发现我的电脑居然带不动WebStorm了,查改一些代码,WebStorm运行迟钝,鼠标滑动严重“掉帧”,让我非 ...
    
			
    3. 
						
  3. web自动化-窗口句柄及位置变化
			
    在进行web自动化时,很容易会遇到多窗口进行切换测试,下面就对多窗口的一些句柄和切换及窗口句柄顺序简单总结一下 from selenium import webdriver driver = webd ...
    
			
    4. 
						
  4. svn 更新
			
    dev更新流程: 1.打开软件,文件—>打开,弹出右边对话框链接dev地址      2.在窗口输入cd /var/www/user 回车 3.输入svn up 则更新dev代码完成 本地提交到 ...
    
			
    5. 
						
  5. C++整形转化成string类型---路径拼接在批处理程序中的应用
			
    上"酸菜" // show_dateset_image.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include ...
    
			
    6. 
						
  6. oracle_使用udev绑定磁盘方法
			
    scsi_id命令发出一个SCSI INQUIRY指令给设备,访问vital product data (VPD)页0x83的数据,那里包含设备的WWID和其他的信息,或者页0x80的数据,那里包含单 ...
    
			
    7. 
						
  7. 每周一个linux命令之---uptime详解
			
    每周一个linux命令之---uptime详解 linux命令 uptime详解 引言:从今天开始,每周更新一个对程序员有用的linux命令,我真的没敢写每天一个,我怕我坚持不下去,每周一个还是可以的 ...
    
			
    8. 
						
  8. 转载 线程池之ThreadPool类与辅助线程 - <第二篇>
			
    http://www.cnblogs.com/kissdodog/archive/2013/03/28/2986026.html 一.CLR线程池 管理线程开销最好的方式: 尽量少的创建线程并且能将线 ...
    
			
    9. 
						
  9. ubuntu16.04node和npm卸载干净
			
    如下命令便可以实现该目的: #apt-get 卸载 sudo apt-get remove --purge npm sudo apt-get remove --purge nodejs sudo ap ...
    
			
    10. 
						
  10. 搭建OpenResty(Nginx+Lua)
			
    这篇文章是一个多月前写的,当时之所以搭建这个是为了最大程度上发挥Nginx的高并发效率(主要是结合lua脚本),参考的话,主要参考张开涛先生写的跟开涛学Nginx+lua系列文章,地址为:https: ...
    
			
    11.