`
mmBlue
  • 浏览: 165469 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jquery-autoComplete 处理返回的json对象问题

阅读更多

    由于项目中需要autocomplete,且项目中一直使用jquer的框架。所以继续选用jquery 的插件jquery-autocomplete,看到jquery-autocomplete自带的demo感觉很是容易但是在使用中却没有想象中的那么顺手。

     关于Jquery-autocomplete处理response中是Json对象时当成字符串处理。查了一些资料终于找到处理方法先看代码:
  $("#fromCity").autocomplete("../searchCity.do", {
     multiple: true, 
     width:150, 
     max:50,  
     max:50, 
     multipleSeparator: '',
     dataType: 'json',  
//加入对返回的json对象进行解析函数,函数返回一个数组    
     parse: function(data) {
       var rows = [];
       for(var i=0; i<data.length; i++){
        rows[rows.length] = {
          data:data[i].nameEn +"-"+data[i].nameCn,
          value:data[i].cityCode,
          result:data[i].nameCn
          };
        }
     return rows;
       },
     formatItem: function(row, i, n) {
        return row;     
    }
  });

同时给隐藏域赋值:
$("#hinpfromCity").result(function(event, data, formatted) {
    var hidden = $("#fromCity");
    hidden.val(data.substring(data.length-4,data.length-1));
   });

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics