Jquery Autocomplete 结合asp.net使用要点
人气:0
问题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缓存的，有时候改变参数后会有缓存遗留问题。
加载全部内容