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实现控制台控件的代码
Sep 04 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
AngularJS延迟加载html template
Jul 27 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
vue跨域解决方法
Oct 15 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
js实现简单模态框实例
Nov 16 Javascript
微信小程序实现卡片左右滑动效果的示例代码
May 01 Javascript
js 实现Material UI点击涟漪效果示例
Sep 23 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的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
PHP基于面向对象封装的分页类示例
2019/03/15 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
Web开发之JavaScript
2012/03/29 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
用js实现trim()的解决办法
2013/04/16 Javascript
javascript的内存管理详解
2013/08/07 Javascript
Javascript基础_标记文字的实现方法
2016/06/14 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
2016/10/16 Javascript
详谈Node.js之操作文件系统
2017/08/29 Javascript
微信小程序日历弹窗选择器代码实例
2019/05/09 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
vue中defineProperty和Proxy的区别详解
2020/11/30 Vue.js
[48:28]完美世界DOTA2联赛循环赛FTD vs Magma第二场 10月30日
2020/10/31 DOTA
Python中用max()方法求最大值的介绍
2015/05/15 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
一组SQL面试题
2016/02/15 面试题
商场经理竞聘演讲稿
2014/01/01 职场文书
心得体会开头
2014/01/01 职场文书
知识竞赛主持词
2014/03/26 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
2015年派出所民警工作总结
2015/04/24 职场文书
2015年学校保卫部工作总结
2015/05/11 职场文书
交流会主持词
2015/07/02 职场文书
赞美教师的句子
2019/09/02 职场文书