से शुरू हो रहा है, मैं परिणाम दिखाने के लिए टाइपहेड v0.11.1 का उपयोग कर रहा हूं लेकिन यह परिणाम न दिखा रहा है जिसके परिणामस्वरूप परिणाम एक ही परिणाम से शुरू हो रहा है।बूटस्ट्रैप टाइपएडहेड सुझाव नहीं दिखा रहा है जिसमें वैल्यू एक ही मान
परिणाम मैं डेटाबेस से हो रही है यह है:
Object {
Id: 4,
Title: "project manager",
Description: "project manager",
CompanyId: 1
}
Object {
Id: 6,
Title: "Software Developer",
Description: "Software Developer",
CompanyId: 1
}
Object {
Id: 7,
Title: ".NET Developer",
Description: ".NET Developer",
CompanyId: 1
}
Object {
Id: 10,
Title: "Android Developer",
Description: "Android Developer",
CompanyId: 1
}
Object {
Id: 11,
Title: "iOS Developer",
Description: "iOS Developer",
CompanyId: 1
}
Object {
Id: 13,
Title: "Sr. Android Developer",
Description: "Sr. Android Developer",
CompanyId: 1
}
Object {
Id: 14,
Title: "Sr. iOS Developer",
Description: "Sr. iOS Developer",
CompanyId: 1
}
समस्या Typeahead छोड़कर Sr. Android Developer
और Sr. iOS Developer
var position = new Bloodhound({
datumTokenizer: function (datum) {
return Bloodhound.tokenizers.whitespace(datum.Title);
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
//prefetch: '../data/films/post_1960.json',
remote: {
url: '/Search/Positions?query=%QUERY',
wildcard: '%QUERY',
filter:function (positionList) {
// Map the remote source JSON array to a JavaScript object array
return $.map(positionList, function (position) {
console.log("position is:", position);
return {
Title: position.Title
};
});
}
}
});
var promisepos=position.initialize();
promisepos.done(function(){});
$('#Position').typeahead({
minLength:1,
highlight:true,
hint:false
},{
name: 'positionList',
displayKey:'Title',
source:position.ttAdapter(),
templates:{
footer: "<div class='position-wrapper'><a class='ad-ps'><i class='fa fa-user-secret'></i> Add New Position</a></div>",
notFound: function(){
var ps=$('#Position').val();
$('#PositionId').val("");
return "<div class='position-wrapper'><p>No Position found.</p><a class='ad-ps'><i class='fa fa-user-secret'></i> Add New Position</a></div>";
},
suggestion: Handlebars.compile('<div class="position-wrapper">'+
'<div class="poosition-info-wrapper">'+
'<span>{{Title}}</span>'+
'</div>'+
'</div>')
}
});
भीतर
filter
में पारित मैं सिर्फ अपने कोड की नकल की और कुछ संशोधन किए गए (बजाय URL से प्राप्त करने में कठिनाई के स्थिर JSON उपयोग करने के लिए)। यह किसी भी समस्या के बिना काम किया। मैं "सीनियर XXX" प्रविष्टियों को देखने में सक्षम हो सकता था। एकमात्र सुधार जो मैंने किया है वह JSON ऑब्जेक्ट संरचना के साथ है। क्या आप जांच सकते हैं कि आप सर्वर से सभी वैध JSON प्रविष्टियां प्राप्त कर रहे हैं या नहीं? – CuriousMindतो, यूआरएल वास्तव में जेएसओएन लौट रहा है और मुझे ऊपर वर्णित सटीक JSON प्रविष्टियां मिल रही हैं। –
क्या आप बस JSON प्रदर्शित करने वाले ब्राउज़र देव उपकरण का एक स्नैपशॉट जोड़ सकते हैं? – CuriousMind