概述
2019独角兽企业重金招聘Python工程师标准>>>
这两天工作中遇到一个很难办的问题,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>
<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();
}
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插件如何在使用前激活所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复