Jquery Autocomplete 结合asp.net使用要点


Posted in Javascript onOctober 29, 2010

问题1:从webserver或者一般应用处理程序(.ashx)程序得到json字符串时不能自动识别,被解释成了string类型的。其实解决这个问题不是很难,只需要重载一个方法即可,下面把部分代码贴出来:标红的部分需要注意。

$("#txt").autocomplete("/Asmx/ExecutePlan.ashx", { 
extraParams:{hosid:HosID,profid:ProfID}, 
minChars: 0, 
max: 700, 
mustMatch: true, 
autoFill: true, 
selectFirst: true, 
scrollHeight: 220, 
width:640, 
scroll:true, 
parse: function(data){ 
var obj=eval("("+data+")"); 
var row = []; 
for(var i = 0; i<obj.length; i++){ 
row[i] = {data:obj[i], //json 
value: obj[i].instName, //列表中中的值 
result: obj[i].instName}; //显示到下拉列表中的 
} 
if(obj.length == 1) 
{ 
// $("#hfInstID").val(obj[0].executeID); 
// $("#Button1").click(); 
} 
return row; 
} , 
formatItem: function(row, i, total) { 
}, 
formatMatch: function(row, i, max) { 
}, 
formatResult: function(row, i, max) { 
} 
});

这样问题就可以解决了,但是出现了一个新的问题,就是formatItem和formatMatch两个事件都失效了,暂时不知道怎么解决。但是要是想在填入结果时做一些操作还是可以实现的,那就是调用这个方法,要注意,这个是和前一个$("#txt").autocomplete分开写的,写在上面那个绑定方法的最下面就好了。
$("#txt").result(function(event, data, formatted) {
});
具体的参数含义可以参考官方的开发文档。目前我用到的功能就这么多,以后如果遇到新的再补充。
补充一点:$("#txt").flushCache();方法是用来清空autocomplete缓存的,有时候改变参数后会有缓存遗留问题。
Javascript 相关文章推荐
jquery 打开窗口返回值实现代码
Mar 04 Javascript
javascript将数组插入到另一个数组中的代码
Jan 10 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
Dec 18 Javascript
JS使用post提交的两种方式
Dec 03 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
JavaScript中apply方法的应用技巧小结
Sep 29 Javascript
jquery仿ps颜色拾取功能
Mar 08 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
微信小程序swiper实现滑动放大缩小效果
Nov 15 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
JavaScript 小型打飞机游戏实现原理说明
Oct 28 #Javascript
基于jquery的网页SELECT下拉框美化代码
Oct 28 #Javascript
jQuery编写widget的一些技巧分享
Oct 28 #Javascript
jQuery timers计时器简单应用说明
Oct 28 #Javascript
jquery ajax abort()的使用方法
Oct 28 #Javascript
BOM与DOM的区别分析
Oct 26 #Javascript
js下判断 iframe 是否加载完成的完美方法
Oct 26 #Javascript
You might like
PHP文件读写操作之文件写入代码
2011/01/13 PHP
回帖脱衣服的图片实现代码
2014/02/15 PHP
thinkphp5使用无限极分类
2019/02/18 PHP
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
JS 常用校验函数
2009/03/26 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
Jquery命名冲突解决的五种方案分享
2012/03/16 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
浅谈Javascript数组索引
2015/07/29 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
跨域请求两种方法 jsonp和cors的实现
2018/11/11 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
python 简单的绘图工具turtle使用详解
2017/06/21 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
pycharm配置当鼠标悬停时快速提示方法参数
2019/07/31 Python
中国一家专注拼团的社交购物网站:拼多多
2018/06/13 全球购物
Martinelli官方商店:西班牙皮鞋和高跟鞋品牌
2019/07/30 全球购物
计算机专业职业规划
2014/02/28 职场文书
原材料检验岗位职责
2014/03/15 职场文书
社会公德演讲稿
2014/05/20 职场文书
弄虚作假心得体会
2014/09/10 职场文书
2014年教育工作总结
2014/11/26 职场文书
《圆的周长》教学反思
2016/02/17 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python
Python 匹配文本并在其上一行追加文本
2022/05/11 Python
Go微服务项目配置文件的定义和读取示例详解
2022/06/21 Golang