我是靠谱客的博主 娇气马里奥,最近开发中收集的这篇文章主要介绍jsonSuggest插件如何在使用前激活,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

这两天工作中遇到一个很难办的问题,jsonSuggest插件问题。我从前台输入数据,从后台也查出来了,可是jsonSuggest前台却不展示,直到我再敲击一下键盘才显示。也就是说我之前没有激活它,可是如何激活,到现在我也不知道。麻烦哪位大神指导一下。
源码如下:
html:
<div id="firDiv" style="z-index:700;position: absolute; top:32px ;right: 258px;">
      <input type="text" style="height:auto;size:30px;font-size:17px;" id="suggestBox" class="a"/>
    <select id="typeID" style="height:auto;font-size:17px;">
     <option value="kh">客户</option>
     <option value="sq">申请书</option>
     <option value="ht">合同</option>
     <option value="pz">凭证</option>
    </select>
    <input type="button" value="检索" id="search" style="background:green;border:none;height;20px;width:50px;"/>
    </div>
js:
var suggestBox; //考虑到很多函数中都要使用
   var sugStr="kh";//判断传给后台的是哪个种类默认是客户类
   var keyStr;//要传入后台的字符串
   var typeId;//种类id
   var listDiv;
   var obj;
   var data;
   var firstStr;
   var testData = {};
   function initVars(){
    //初始化变量
    suggestBox = $("#suggestBox");
   }
   /*清除div的值*/
   function emptySuggest(){
    $("#suggestBox").empty();
   }
   /*清除div的值*/
   function clearSuggest(){
    //$("#popup").empty();
   }
   /*清除suggestBox的值*/
   function clearBox(){
    if($("#suggestBox").val().substring(0,3)=="请输入"){
     $("#suggestBox").val("");
    }
   }
   /*调用后台*/
     function returnKey() {
     
       initVars();
       $("#suggestBox").removeClass("inpshow");
      if($.trim(suggestBox.val()).length >1){
       jQuery.ajax({
       url:"${sessionScope.basePath}/searchKey.do?method=searchKey",
       datatype:"html",
       data:getStr(),
       type:"POST",
       cache:false,
       success: function(data){
        firstStr = $.trim(suggestBox.val());
        emptySuggest();
        testData.webSites = $.parseJSON(data);
        obj=$.parseJSON(data);
        testData.webSitesJSON = JSON.stringify(testData.webSites);
       // alert("testData.webSitesJSON:"+testData.webSitesJSON);
        $("#suggestBox").show().jsonSuggest(testData.webSitesJSON,{
       maxResults:8,
       minCharacters: 0,
       onSelect:getSelects
         });
       },
       error:function(){
        alert("出错!");
       }
      })
      } else {
      }
     
     }
     $(document).ready(function() {
      $("#search").bind("click",function(){
       $("div.jsonSuggestResults").hide();
        document.getElementById('indexiframe').src='${sessionScope.basePath}/jsp/sm/ued/search/listdata.jsp';
    })
     })
     /*点击下拉框选项执行的动作*/
     function getSelects(){
    $("div.jsonSuggestResults").remove();
   // alert($("div.jsonSuggestResults").length);
    $("div.jsonSuggestResults").hide();
    testData.webSitesJSON = {};
      }
     /*传给后台的参数*/
     function getStr(){
         keyStr =encodeURI(encodeURI($.trim($('#suggestBox').val())));
      return keyStr= "keyStr="+keyStr+"&sugStr="+sugStr;
     }
     /*初始化绑定*/
     $(document).ready(function() {
         
       $("#suggestBox").keyup(function(event){
        if(event.keyCode == 8){
         $("div.jsonSuggestResults").remove();
         }
      
            returnKey();
       }
       )
      }
     );
    $(function(){
     $("#suggestBox").focus(function(){
         clearBox();
     })
     })

转载于:https://my.oschina.net/u/261728/blog/96254

最后

以上就是娇气马里奥为你收集整理的jsonSuggest插件如何在使用前激活的全部内容,希望文章能够帮你解决jsonSuggest插件如何在使用前激活所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(38)

评论列表共有 0 条评论

立即
投稿
返回
顶部