文档章节

利用EasyUI的Combo系列控件实现输入框自完成功能

magicweng
 magicweng
发布于 2017/03/06 22:20
字数 437
阅读 69
收藏 0

实现代码(支持控件:Combo、ComboBox、ComboGrid)

var customer_unit=$('#customer_unit').combobox({
    width:280,
    hasDownArrow:false,  /*定义是否显示向下箭头按钮,false隐藏*/
    url:'get_data.php',    
    mode:"remote", 
    /*mode:"remote" 非常重要:定义了当文本改变时如何读取列表数据。设置为'remote'时,下拉列表框将会从服务器加载数据。当设置为“remote”模式时,用户输入将被发送到名为'q'的HTTP请求参数到服务器检索新数据。如果保持默认local的话会出现第二次输入时数据会从第一次读取的数据中筛选,可能会导致部分数据无法显示*/
    valueField:'unit_id',    
    textField:'unit_name'   
});  

后端代码:(仅供参考)
 

<?php
	#接收到的关键词  
	$q = isset($_POST['q']) ? $_POST['q'] : '';  
	#执行数据库查询
	$query = mysql_query("select * from item where name like '%".$q."%'");  
	#输出结果
	echo json_encode($query -> fetchAll(\PDO::FETCH_ASSOC),JSON_UNESCAPED_UNICODE);  
?>

常见问题:
1、在第一次输入关键词时会显示数据,更换另一个关键词后没有显示数据,但是在数据库中是有该数据的。
解决方法:
将Combo控件的mode属性改为remote,这非常重要,定义了当文本改变时如何读取列表数据。设置为'remote'时,下拉列表框将会从服务器加载数据。当设置为“remote”模式时,用户输入将被发送到名为'q'的HTTP请求参数到服务器检索新数据。如果保持默认local的话会出现第二次输入时数据会从第一次读取的数据中筛选,可能会导致部分数据无法显示

 

更多EasyUI小技巧请访问,bbs.insdep.com 或www.insdep.com

关注QQ群184075694

 

© 著作权归作者所有

共有 人打赏支持
magicweng
粉丝 28
博文 3
码字总数 3162
作品 1
余姚
CTO(技术副总裁)
私信 提问
JQuery EasyUi之界面设计——前言与界面效果(一)

如果冯巩的开场白是“观众朋友们,我想死你们了”,那么我的开场白是“最近一直很忙,很久没有发文了”。 前面说过了EXT.NET,这里顺便再说说JQuery EasyUI。为啥我会选择JQuery EasyUI呢?主...

易水寒丶开源
2015/10/27
0
0
bootstrap可以与easyui较好地结合吗?

比如说,对于表格、下拉框的数据绑定,easyui使用json数据源,实现简单快捷,而针对bootstrap还要自己拼接html代码,有点烦... 就侧重点来看,我觉得bootstrap以css为主,easyui以js为主,前...

syj52417
2016/11/27
6.9K
9
Eova 1.1 发布,Java Web 快速开发平台

版本简介: 1.主要进行了Eova UI 的重构,以支撑高度拓展和控制。典型应用场景Grid Cell Edit。Eova UI 采用 Jquery插件方式完全重写,参考了EasyUI设计思路,使用OOP思想进行重写,更适合 ...

Jieven
2015/05/11
20.9K
57
EasyUI 1.5.x Of Insdep Theme 1.0.0 正式版发布

jQuery EasyUI 1.5.x of insdep theme 更新截图请移至下方,附部分美化截图 关于 Insdep theme是基于EasyUI 1.5.x 的一款免费的美化主题包,拥有百度编辑器、cropper、Highcharts、justgage、...

magicweng
2017/03/20
2.5K
11
EasyUI如何监听其它控件页面渲染完成的事件?

问题环境如下: 普通的增删改差业务模块。 点击该模块的菜单按钮,显示主页面(EasyUI的Grid数据列表,这时候,新增/修改的表单页面尚未加在) 当我第一次点击新增或者修改时,加载表单页面,...

程序员Joe
2015/06/01
2.5K
0

没有更多内容

加载失败,请刷新页面

加载更多

指针数组和数组指针的区别

这两个名字不同当然所代表的意思也就不同。我刚开始看到这就吓到了,主要是中文太博大精深了,整这样的简称太专业了,把人都绕晕了。从英文解释或中文全称看就比较容易理解。 指针数组:arr...

天王盖地虎626
14分钟前
0
0
Qt那些事0.0.18

今天要记一下Qt中的Resource。自我感觉理解的不错,但是还会难免有谬误,在日后有可能会更新,也有可能不会。 小声的念叨一句,女人心,海底针。 今天就直接跳过了关于QML在qrc文件中的介绍,...

Ev4n
22分钟前
0
0
深入解析js的作用域、预解析机制

虽然,ES6在我们工作中应用得越来越广泛,但是还是很多项目保留着ES5的写法,所以,今天,带着大家重新巩固下ES5下的作用域及预解析机制。 概念: 作用域:域,指的是一个空间、范围、区域,...

前端攻城老湿
25分钟前
0
0
Spring Cloud Feign - 声明式 REST Client

1、Feign是什么 声明式REST client,来自NetFlix。 允许你编写无实现代码调用REST services 替换RestTemplate(甚至更简单) Spring Cloud 为使用Feign提供了包装器 2、怎样使用Feign 对比:...

Benz001
30分钟前
0
0
前端、后端和全栈到底不该学什么

1、前言 在职业规划咨询过程中经常会被问到这样的问题: 老师,我是该深入钻研专精一门,走技术大牛路线,还是所有都要精通,做一个全栈工程师? 类似问题的变种还有,老师我是不是该30岁最迟...

前端攻城小牛
32分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部