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 相关文章推荐
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
JavaScript数组的定义及数字操作技巧
Jun 06 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
Sep 05 Javascript
js定时器实例分享
Dec 20 Javascript
Vue的事件响应式进度条组件实例详解
Feb 04 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
微信小程序中为什么使用var that=this
Aug 27 Javascript
Vue实现boradcast和dispatch的示例
Nov 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
咖啡常见的种类
2021/03/03 新手入门
php smarty模版引擎中变量操作符及使用方法
2009/12/11 PHP
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
PHP获取当前url的具体方法全面解析
2013/11/26 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
自定义session存储机制避免会话保持问题
2014/10/08 PHP
PHP按指定键值对二维数组进行排序的方法
2015/12/22 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
二级域名转向类
2006/11/09 Javascript
js的表单操作 简单计算器
2011/12/29 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
js中switch case循环实例代码
2013/12/30 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
JavaScript中双符号的运算详解
2017/03/12 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
Javascript异步编程async实现过程详解
2020/04/02 Javascript
微信小程序实现点击生成随机验证码
2020/09/09 Javascript
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
[01:14:35]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第一局
2016/02/26 DOTA
python的dict,set,list,tuple应用详解
2014/07/24 Python
bat和python批量重命名文件的实现代码
2016/05/19 Python
解决python Markdown模块乱码的问题
2019/02/14 Python
python中eval与int的区别浅析
2019/08/11 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
python清空命令行方式
2020/01/13 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
Keras中的多分类损失函数用法categorical_crossentropy
2020/06/11 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
团队激励口号
2014/06/06 职场文书
幼儿园教师节演讲稿
2014/09/03 职场文书
英镑符号 £
2022/02/17 杂记
解决vue-router的beforeRouteUpdate不能触发
2022/04/14 Vue.js