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 post方式传递提交的实现代码
May 31 Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 Javascript
异步动态加载JS并运行(示例代码)
Dec 13 Javascript
JQuery 在线引用及测试引用是否成功
Jun 24 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
手机端转盘抽奖代码分享
Sep 10 Javascript
微信小程序 实战小程序实例
Oct 08 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
JavaScript React如何修改默认端口号方法详解
Jul 28 Javascript
手把手教你如何编译打包video.js
Dec 09 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 三维饼图的实现代码
2008/09/28 PHP
php使用pdo连接mssql server数据库实例
2014/12/25 PHP
PHP页面间传递值和保持值的方法
2016/08/24 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
推荐20家国外的脚本下载网站
2011/04/28 Javascript
JavaScript中的alert()函数使用技巧详解
2014/12/29 Javascript
jQuery插件扩展测试实例
2016/06/21 Javascript
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
2016/12/26 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
简单的抓取淘宝图片的Python爬虫
2014/12/25 Python
python获取各操作系统硬件信息的方法
2015/06/03 Python
Python实现比较两个列表(list)范围
2015/06/12 Python
Python数据类型详解(二)列表
2016/05/08 Python
python学习教程之使用py2exe打包
2017/09/24 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
在cmder下安装ipython以及环境的搭建
2018/10/19 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
Python中利用aiohttp制作异步爬虫及简单应用
2018/11/29 Python
python实现简单的购物程序代码实例
2020/03/03 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
python利用文件时间批量重命名照片和视频
2021/02/09 Python
css3实现波纹特效、H5实现动态波浪效果
2018/01/31 HTML / CSS
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
大学生村官事迹材料
2014/01/21 职场文书
校运会广播稿100字
2014/01/27 职场文书
大学新闻系自荐书
2014/05/31 职场文书
听证通知书
2015/04/24 职场文书
紧急迫降观后感
2015/06/15 职场文书
python异常中else的实例用法
2021/06/15 Python
mysql 排序失效
2022/05/20 MySQL