EasyUI combobox实现google提示
来源:互联网 发布:风云绝世坐骑进阶数据 编辑:程序博客网 时间:2024/06/10 08:20
基于JQuery easyUIcombobox实现了一个类似google、百度输入框的提示,主要使用combobox的onChange事件,在onChange事件中改变url参数,重新绑定数据,代码如下:
前端HTML:
[html]
<table>
<tr>
<td>企业名称:
</td>
<td>
<select id="sel" name="memberName"class="easyui-combobox" style="width:200px;"data-options="required:true">
</select>
</td>
</tr>
</table>
前端JavaScript:
[javascript]
$(function(){
$('#sel').combobox({
//url:urlStr,
valueField:'memberName',
textField:'memberName',
onChange:function (newValue, oldValue){
if(newValue !=null){
//alert(newValue+oldValue);
var urlStr="/ciccpsMember/member/getMemberSelectByName?name=" +encodeURIComponent(newValue);
$("#sel").combobox("reload",urlStr);
}
}
});
});
后端JAVA:
[java]
public StringgetMemberSelectByName() throws Exception {
String name=newString(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8");
List<Member> members = Member.findAll(Member.class, "memberNameChlike ?", new Object[]{"%"+name+"%"});
List<Smember> smembers=new ArrayList<Smember>();
for(Member member: members){
Smember smember=new Smember();
smember.setId(member.getId());
smember.setMemberId(member.getId());
smember.setMemberName(member.getMemberNameCh());
smembers.add(smember);
}
String js=Json.toJson(smembers);
return js;
}
运行效果:
这里要特别注意,为消除url参数中文乱码,前端url参数使用encodeURIComponent()来进行编码,后端JAVA需使用 newString(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8")的方式来进行解码。
- EasyUI combobox实现google提示
- etmvc+jQuery EasyUI combobox实现google提示
- 基于JQuery easyUI combobox实现了一个类似google、百度输入框的提示
- 使用easyUI的combobox下拉框控件实现输入提示功能(google suggest)
- 仿Select下拉框自动提示(easyui combobox插件实现)
- combobox 动态绑定数据源,利用EasyUI的 combobox插件实现类似百度下拉提示信息
- easyui combobox实现动态级联
- easyUI的combobox实现级联
- easyui-combobox实现级联查询
- easyui combobox 实现复选框多选
- easyui combobox实现onClick方法
- 修改easyui combobox源码,实现模糊搜索
- 修改easyui combobox源码,实现模糊搜索
- EasyUI +MVC实现combobox连查
- easyui中combobox级联的实现
- 【ITOO】---easyUI的Combobox实现级联查询
- EasyUI中combobox实现市县级联操作
- springMVC+easyUI实现combobox动态级联查询
- Android基础教程(5)之----单选项框RadioGroup的综合应用
- hibernate常用包简介
- Htmlayout模拟实例一
- VMware 虚拟机的安装调试
- Makefile与内核的编译
- EasyUI combobox实现google提示
- tabBarItem 设置动画 animation
- servlet调用图
- Android全格式播放器开发(第一节ffplay编译)
- SSDP Protocol
- 球谐函数小结
- iOS开发Icon图标设置
- sql Server 数据库发送邮件
- 【ffmpeg-0.11.1移植到windows】【网络方面遇到的问题】【中文设备名问题】