Jquery Autocomplete 结合asp.net使用要点
更新时间：2010年10月29日 14:14:01 作者：
Jquery的Autocomplete是一个很好的智能提示插件，但是在实际使用过程中还是会遇到一些小问题.
问题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缓存的，有时候改变参数后会有缓存遗留问题。
复制代码 代码如下:
$("#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缓存的，有时候改变参数后会有缓存遗留问题。
相关文章
这篇文章主要为大家详细介绍了JS针对Array的各种操作,如何创建Array,数组的一些简单和基本的操作,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
选项卡的实现方法比较多，但原理基本上都差不多，隐藏与显示轮换2009-04-04
Javascript类型系统之undefined和null浅析
这篇文章主要介绍了Javascript类型系统之undefined和null的知识，通过本文还简单给大家介绍了javascript中null和undefined的区别的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
这篇文章主要介绍了JavaScript请求后台数据的几种常用方式,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-06-06
这篇文章主要介绍了微信小程序中data-key属性：数据传输,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-08-08
这篇文章主要为大家详细介绍了基于JavaScript实现自定义滚动条，可以直接使用的滚动条，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
好多情况下flash会出现需要单击激活，不过一般新版本中直接插入随然不用激活但代码较多，下面的方法是个函数，其实代码也不少，不过思路很好，大家可以看看。2009-03-03
这篇文章主要介绍了IE 下Enter提交表单存在重复提交问题的解决方法,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了js高手进阶实用语法的高级写法的相关资料,需要的朋友可以参考下2023-08-08
有时候我们希望临时让某个分类或者多个文章不能正常访问，手动给html文件改名？或者改后台改程序？太麻烦了。用本文的js代码很容易实现，而且使用得当很隐蔽。这篇文章主要介绍了js（jquery）实现无刷新跳转404页面不存在效果,需要的朋友可以参考下2023-04-04
最新评论