WinJS AutoSuggestBox ausgewählten Vorschlag beibehalten

Question

Ich verwende WinJS.UI.AutoSuggestBox. Jedes Mal, wenn ich ein Objekt aus suggestionCollection auswähle, erscheint dieses Element in der Eingabe, aber wenn ich irgendwo anders klicke (Eingabe verliere Fokus), verschwindet dieses Element aus der Eingabe und mein Suchtext wird wieder eingegeben.

Das gleiche wie auf Beispiel: http://winjs.azurewebsites.net/#searchbox.

Wie kann ich meinen Auswahltext in AutoSuggestBox beibehalten, nachdem er den Fokus verloren hat?

Ich würde auch einige gute Dokumentation mit Beispielen für WinJS schätzen, ich bin ein Neuling, und ich habe immer Probleme, schnell zu finden, was ich brauche, ohne ein Dutzend Posts zu suchen.

Answer 1

Der Punkt hier ist, dass was Sie wollen, ist keine gestaltete Erfahrung für die AutoSuggestBox. Es ist so konzipiert, dass der Benutzer seine Eingaben im Laufe der Zeit weiter verfeinern kann. Daher wird es beibehalten, wenn die Eingabesteuerung den Fokus verliert.

By the way, wenn Sie wirklich gute Gründe haben, es zu hacken, ist hier, wie:

1.You müssen irgendwo ausgewählten Vorschlag speichern:

var lastQuery; 

function querySubmittedHandler(eventObject) { 
    var queryText = eventObject.detail.queryText; 
    lastQuery = queryText; 
    ... 
} 

2.You müssen abonnieren das Onblur-Ereignis in der Eingabesteuerung. Es ist schwierig ein, da diese Steuerung dynamisch erstellt:

var box; 
WinJS.UI.processAll().then(function(){ 
    box = document.getElementById("autoSuggestBox"); 
    // this is how to get internal input 
    box.winControl.element.querySelector("input").onblur = onblurinput; 
    // alternative 
    // document.querySelector("#autoSuggestBox input").onblur = onblurinput; 
}); 

3.Inside onblurhandler manuell den Textwert des Eingangs aktualisieren:

function onblurinput() { 
    box.winControl.queryText = lastQuery; 
}