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与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
浅析JQuery中的html(),text(),val()区别
Sep 01 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
使用jQuery实现Web页面换肤功能的要点解析
May 12 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
webpack实现热加载自动刷新的方法
Jul 30 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
vue实现员工信息录入功能
Jun 11 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
Oct 02 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 file_get_contents取文件中数组元素的方法
2017/04/01 PHP
PHP 二维array转换json的实例讲解
2018/08/21 PHP
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
JavaScript 函数式编程的原理
2009/10/16 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
VueJs监听window.resize方法示例
2018/01/17 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
angularjs请求数据的方法示例
2019/08/06 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
vue keep-alive的简单总结
2021/01/25 Vue.js
python如何定义带参数的装饰器
2018/03/20 Python
解决pyinstaller打包exe文件出现命令窗口一闪而过的问题
2018/10/31 Python
python3实现指定目录下文件sha256及文件大小统计
2019/02/25 Python
Python Pandas中根据列的值选取多行数据
2019/07/08 Python
基于Python函数和变量名解析
2019/07/19 Python
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
python读取hdfs上的parquet文件方式
2020/06/06 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
HTML5头部标签的一些常用信息小结
2016/10/23 HTML / CSS
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
一道输出判断型Java面试题
2014/10/01 面试题
负责人任命书范本
2014/06/04 职场文书
优秀教师申报材料
2014/12/16 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
2016年五一国际劳动节活动总结
2016/04/06 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android