|
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缓存的,有时候改变参数后会有缓存遗留问题。 |
|