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 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
基于jQuery的图片剪切插件
Aug 03 Javascript
JavaScript实现网页截图功能
Oct 16 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
JS实现自动变换的菜单效果代码
Sep 09 Javascript
js鼠标跟随运动效果
Mar 11 Javascript
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
JavaScript类的继承操作实例总结
Dec 20 Javascript
利用layer实现表单完美验证的方法
Sep 26 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
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
fleaphp下不确定的多条件查询的巧妙解决方法
2008/09/11 PHP
供参考的 php 学习提高路线分享
2011/10/23 PHP
PHP cURL初始化和执行方法入门级代码
2015/05/28 PHP
php实现源代码加密的方法
2015/07/11 PHP
PHP模板引擎Smarty中变量的使用方法示例
2016/04/11 PHP
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
nodejs前端自动化构建环境的搭建
2017/07/26 NodeJs
Webpack优化配置缩小文件搜索范围
2017/12/25 Javascript
node.js博客项目开发手记
2018/03/16 Javascript
使用Angular自定义字段校验指令的方法示例
2019/02/01 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
python中threading超线程用法实例分析
2015/05/16 Python
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
django开发post接口简单案例,获取参数值的方法
2018/12/11 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
django 自定义过滤器的实现
2019/02/26 Python
python不同版本的_new_不同点总结
2020/12/09 Python
css3实现多个元素依次显示效果
2017/12/12 HTML / CSS
澳大利亚巧克力花束和礼品网站:Tastebuds
2019/03/15 全球购物
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
软件测试企业面试试卷
2016/07/13 面试题
《油菜花开了》教学反思
2014/02/22 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS
git中cherry-pick命令的使用教程
2022/06/25 Servers