Jquery的Autocomplete是一个很好的智能提示插件,但是在实际使用过程中还是会遇到一些小问题,

问题1:从webserver或者一般应用处理程序(.ashx)程序得到json字符串时不能自动识别,被解释成了string类型的。其实解决这个问题不是很难,只需要重载一个方法即可,下面把部分代码贴出来:标红的部分需要注意。

            

                 $("#txt").autocomplete("http://www.cnblogs.com/xxxx.ashx",
                            {
        extraParams:{id:ID,name:Name},
     minChars: 0,
     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].id, //列表中中的值
                      result: obj[i].name};   //显示到下拉列表中的
        }  
               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缓存的,有时候改变参数后会有缓存遗留问题。

 

 

posted on 2010-10-28 16:07  信封牛  阅读(2161)  评论(0编辑  收藏  举报