jQuery -- autocomplete
来源:互联网 发布:单片机接反会 编辑:程序博客网 时间:2024/04/29 00:41
标题:autoComplete 还有其他配置项目,以后添加修正
组件会把控件中输入的值,以 固定参数名称添加在source的url后面传递给action。 term=value(value为输入的值)。在后台action中定义一个term变量,即可获取该变量的值
$("#goodsAttributeName_0").autocomplete({
//source有三种形式,function,数值,string(请求数据的地址)
//参数是名是term,自动从控件中获取。
source :"getGoodsAttributeByNameAuto.wss?",
//当光标在一条记录时,可以做的动作,ui.item是所在记录的实体
focus: function(event,ui) {
$("#goodsAttributeName_0").val(ui.item.name);
returnfalse;
},
//当选择一条记录时,可以做的动作,ui.item是所在记录的实体
select: function( event, ui ) {
$("#goodsAttributeName_0").val(ui.item.name);
returnfalse;
}
})
.data("ui-autocomplete")._renderItem =function (ul,item) {
//生成推荐的提示框中的每一列,item是返回的每一条记录,有id,name等值
return $("<li>" )
.append( "<a style='width:378px;'>" +item.name+"</a>" )
.appendTo( ul );
};
public StringgetGoodsAttributeByNameAuto()throws Exception{
//term是页面上控件输入的值,作为参数传入anction中
term =new String(term.getBytes("ISO-8859-1"),"UTF-8");
goodsAttributeList = getAttributeService().getGoodsAttributes(term);
returnSUCCESS;
}
其中参数source是最重要的:
可以有三种输入:
1)数组或者对象(对象的话,对象属性中需要有label和value)
2)string:数据源的地址
3)回调函数。
注意需要:对应的样式和动作的js,css包
jquery-1.7.2.min.js jquery-ui.min.css jquery.autocomplete.js jquery-ui.min.js
- Jquery autocomplete
- Jquery autocomplete
- jQuery Autocomplete
- jquery.autocomplete
- jquery.autocomplete
- Jquery autocomplete
- Jquery autocomplete
- Jquery autocomplete
- jQuery Autocomplete
- jQuery.AutoComplete
- jquery.autocomplete
- JQuery Autocomplete
- jquery.autocomplete
- Jquery autocomplete
- Jquery Autocomplete
- jquery-autocomplete
- jQuery -- autocomplete
- jquery autocomplete
- 学习C++和编程的50个观点
- 内核定时器的使用
- 如何在linux下开启FTP服务
- 随记
- Scrollview 嵌套 RecyclerView 及在Android 5.1版本滑动时 惯性消失问题
- jQuery -- autocomplete
- RIP协议的配置
- Linux下的两个经典宏定义
- API--Object,String,Scanner--1
- c语言链表《学习记录》
- 静态分析android代码, 循环与trycatch
- WebView关键点
- AIX系统中使用bsdlog函数输出内核信息
- 2012年5月SAT香港真题解析