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 相关文章推荐
js 格式化时间日期函数小结
Mar 20 Javascript
javascript window.opener的用法分析
Apr 07 Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
Aug 21 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 Javascript
如何去除vue项目中的#及其ie9兼容性
Jan 11 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 Javascript
在node中使用jwt签发与验证token的方法
Apr 03 Javascript
swiper Scrollbar滚动条组件详解
Sep 08 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
浅谈JavaScript节流和防抖函数
Aug 25 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中对2个数组相加的函数
2011/06/24 PHP
PHP的加密方式及原理
2012/06/14 PHP
关于js与php互相传值的介绍
2013/06/25 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
适合PHP初学者阅读的4本经典书籍
2016/09/23 PHP
php-msf源码详解
2017/12/25 PHP
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
js阻止事件追加的具体实现
2014/10/15 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
Javascript实现获取及设置光标位置的方法
2015/07/21 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
小程序实现分类页
2019/07/12 Javascript
js基于canvas实现时钟组件
2021/02/07 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
python实现封装得到virustotal扫描结果
2014/10/05 Python
python如何在终端里面显示一张图片
2016/08/17 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/26 Python
详解python使用pip安装第三方库(工具包)速度慢、超时、失败的解决方案
2018/12/02 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
常用python爬虫库介绍与简要说明
2020/01/25 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
详解canvas多边形(蜘蛛图)的画法示例
2018/01/29 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
java程序员面试交流
2012/11/29 面试题
艺术设计专业个人求职信
2013/09/21 职场文书
自荐书4要点
2014/01/25 职场文书
小学老师寄语大全
2014/04/04 职场文书
单位考核聘任报告
2015/03/02 职场文书
综合测评个人总结
2015/03/03 职场文书
sql server 累计求和实现代码
2022/02/28 SQL Server