自动搜索
自动搜索中用的插件是jqury中ui插件：
先引入：jquery-ui-1.9.0.custom.min.css和jquery-ui-1.9.0.custom.min.js
然后js中的代码调用是：
1 var list = []; 2 var $seachText = $('#search-node-input'); 3 $seachText.bind("keydown",function (event) { 4 if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { 5 } 6 }).bind("focus", function(event){ 7 if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { 8 } 9 }).autocomplete({ 10 minLength:1, 11 source:function (request, response) { 12 $.get("{:U('admin/Content/getAddLocation')}", {name: request.term}, function(data){ 13 if (data.code >= 0) { 14 list = data.data; 15 if (list.length) { 16 if (type_value != '1') { 17 $('.location_name_tip').html(''); 18 } 19 20 response($.map(list, function (item) { 21 var val = item.location_name ? item.location_name : item.location_bame; 22 return { 23 label:'['+item.area_name+']'+val, 24 value:val, 25 id:item.location_id, 26 hot_num:item.location_hot, 27 recommend_num:1, 28 hit_num:item.location_hot, 29 show_num:item.location_hot, 30 imgInfo:item.attach_arr_id, 31 attach_id:item.attach_id, 32 to_url:item.detail_url 33 } 34 })); 35 } else { 36 fillValue(); 37 response(['搜索不到相关信息']); 38 39 if (type_value != '1') { 40 $('.location_name_tip').html('搜索不到相关信息'); 41 $('.location_name_tip').css({color:'#f00'}); 42 } 43 } 44 } 45 return false; 46 }, 'json'); 47 }, 48 select:function (event, ui) { 49 $('#fid').val(ui.item.id); 50 fillValue(ui.item); 51 } 52 }).css({'position':'relative','z-index':99999});
1 function fillValue(obj) { 2 var prefix_div; 3 if (undefined != obj && obj) { 4 if (type_value == 1) { 5 prefix_div = 'activity_'; 6 } else { 7 prefix_div = 'location_'; 8 $('.div_location input[name='+prefix_div+'hot_num]').val(obj.hot_num); 9 $('.div_location input[name='+prefix_div+'recommend_num]').val(obj.recommend_num); 10 $('.div_location input[name='+prefix_div+'hit_num]').val(obj.hit_num); 11 $('.div_location input[name='+prefix_div+'show_num]').val(obj.show_num); 12 13 var imgStr = ''; 14 15 for (var imgK in obj.imgInfo) { 16 imgStr += "<li style='float:left;' onclick='selectImg("+imgK+")'>"; 17 imgStr += "<img src='"+obj.imgInfo[imgK].img+"' width='183px' height='130px' />"; 18 imgStr += "<input type='radio' />"+obj.imgInfo[imgK].img_width+"x"+obj.imgInfo[imgK].img_height; 19 imgStr += "<input type='hidden' value='"+obj.imgInfo[imgK].a_img+"' />"; 20 imgStr += "</li>"; 21 } 22 23 if (imgStr) { 24 $('.location_imgShow_ul').html(imgStr); 25 } 26 27 $('.div_location input[name='+prefix_div+'to_url]').val(obj.to_url); 28 } 29 } else { 30 $('#fid').val(''); 31 if (type_value == 1) { 32 prefix_div = 'activity_'; 33 } else { 34 prefix_div = 'location_'; 35 $('.div_location input[name='+prefix_div+'hot_num]').val(''); 36 $('.div_location input[name='+prefix_div+'recommend_num]').val(''); 37 $('.div_location input[name='+prefix_div+'hit_num]').val(''); 38 $('.div_location input[name='+prefix_div+'show_num]').val(''); 39 $('.location_imgShow_ul').html(''); 40 $('.div_location input[name='+prefix_div+'to_url]').val(''); 41 } 42 } 43 }
