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 相关文章推荐
网页中实现浏览器的最大,最小化和关闭按钮
Mar 12 Javascript
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
JavaScript Array Flatten 与递归使用介绍
Oct 30 Javascript
JAVASCRIPT函数作用域和提前声明 分享
Aug 22 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
JS如何判断json是否为空
Jul 06 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
vue写一个组件
Apr 09 Javascript
vue-cli3项目展示本地Markdown文件的方法
Jun 07 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 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开源开发框架ZendFramework使用中常见问题说明及解决方案
2014/06/12 PHP
如何使用PHP Embed SAPI实现Opcodes查看器
2015/11/10 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
Thinkphp5.0框架使用模型Model的获取器、修改器、软删除数据操作示例
2019/10/11 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
JavaScript 常见对象类创建代码与优缺点分析
2009/12/07 Javascript
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
Javascript模拟加速运动与减速运动代码分享
2014/12/11 Javascript
JavaScript转换与解析JSON方法实例详解
2015/11/24 Javascript
基于JS2Image实现圣诞树代码
2015/12/24 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
2016/01/06 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
AngularJS模块详解及示例代码
2016/08/17 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
详解Angular.js的$q.defer()服务异步处理
2016/11/06 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
2017/10/25 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
django实现同一个ip十分钟内只能注册一次的实例
2017/11/03 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
将Python文件打包成.EXE可执行文件的方法
2019/08/11 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
python3实现raspberry pi(树莓派)4驱小车控制程序
2020/02/12 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
Python多线程多进程实例对比解析
2020/03/12 Python
英国领先的电动可调床制造商:Laybrook
2019/12/26 全球购物
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
关于是否需要写商业计划书
2014/02/07 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python