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 相关文章推荐
重定向实现代码
Nov 20 Javascript
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 Javascript
IE6 fixed的完美解决方案
Mar 31 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 Javascript
vue项目中v-model父子组件通信的实现详解
Dec 10 Javascript
JavaScript中的高级函数
Jan 04 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
Aug 24 Javascript
微信小程序Page中data数据操作和函数调用方法
May 08 Javascript
vue3.0生命周期的示例代码
Sep 24 Javascript
JavaScript实现简易计算器小功能
Oct 22 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中使用xmlreader读取xml数据示例
2014/12/29 PHP
PHP中字符串长度的截取用法示例
2017/01/12 PHP
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
JavaScript之数组(Array)详解
2015/04/01 Javascript
JavaScript实现函数返回多个值的方法
2015/06/09 Javascript
多种JQuery循环滚动文字图片效果代码
2020/06/23 Javascript
辨析JavaScript中的Undefined类型与null类型
2016/05/26 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
2016/12/15 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
JS实现的base64加密解密操作示例
2018/04/18 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3
2018/06/04 DOTA
python+mysql实现简单的web程序
2014/09/11 Python
以一段代码为实例快速入门Python2.7
2015/03/31 Python
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
python实现求最长回文子串长度
2018/01/22 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
python输出决策树图形的例子
2019/08/09 Python
Python的垃圾回收机制详解
2019/08/28 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
django ORM之values和annotate使用详解
2020/05/19 Python
Python加速程序运行的方法
2020/07/29 Python
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
.net开发工程师面试题
2014/02/25 面试题
《失物招领》教学反思
2016/02/20 职场文书
Node与Python 双向通信的实现代码
2021/07/16 Javascript
24年收藏2000多部退役军用电台
2022/02/18 无线电