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 相关文章推荐
经典的带阴影的可拖动的浮动层
Jun 26 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
函数window.open实现关闭所有的子窗口
Aug 03 Javascript
jQuery中inArray方法注意事项分析
Jan 25 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
JS获取填报扩展单元格控件的值的解决办法
Jul 14 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
Vue实现简单分页器
Dec 29 Javascript
ES6函数实现排它两种写法解析
May 13 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
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
PHP判断数组是否为空的常用方法(五种方法)
2017/02/08 PHP
Javascript无阻塞加载具体方式
2013/06/28 Javascript
简单的代码实现jquery定时器
2013/11/17 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
2015/03/02 Javascript
JavaScript的ExtJS框架中表格的编写教程
2016/05/21 Javascript
JS实现简单短信验证码界面
2017/08/07 Javascript
webpack打包js文件及部署的实现方法
2017/12/18 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
express 项目分层实践详解
2018/12/10 Javascript
了解JavaScript中let语句
2019/05/30 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
详解element-ui动态限定的日期范围选择器代码片段
2020/07/03 Javascript
JS数据类型判断的几种常用方法
2020/07/07 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python django集成cas验证系统
2014/07/14 Python
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
python 默认参数相关知识详解
2019/09/18 Python
python实现超市商品销售管理系统
2019/11/22 Python
python Tensor和Array对比分析
2020/01/08 Python
使用TensorFlow搭建一个全连接神经网络教程
2020/02/06 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
运行时异常与一般异常有何异同?
2014/01/05 面试题
本科毕业生的求职信范文
2013/11/20 职场文书
软件工程毕业生自荐信
2014/07/04 职场文书
租房协议书
2014/09/12 职场文书
2015年调度员工作总结
2015/04/30 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
安全责任协议书范本
2016/03/23 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android