SAPUI5 Suchfeld

Question

die meiste Zeit nutzte ich ein TextField und ein Image, um eine Suche in meiner Anwendung zu realisieren. Aber jetzt habe ich das SearchField in SAPUI5 gefunden. Mein Problem ist, wenn ich eine Suche durchgeführt habe, wird der Wert innerhalb des Feldes gelöscht. Gibt es einen Weg, dies nicht zu tun? Ich habe die API untersucht, aber ich kann eine solche Methode nicht finden. Oder muss ich es selbst programmieren?

Answer 1

Ich bin mir nicht sicher, warum der Text klärt.

Ihrer Ansicht nach sollten Sie etwas wie dieses:

<SearchField search="handleSearchPressed" /> 

Und Ihre Controller sollte/könnte wie folgt aussehen:

handleSearchPressed: function (oEvent) { 
    var sQuery = oEvent.getParameter("query"); 
    if (sQuery === "") { 
     return; 
    } 
    // perform a search 
} 

Nichts sollte Ihre Search löschen.
Siehe auch die Search Field Samples.

Answer 2

Try this code <SearchField liveChange="onSearching" width="100%" /> 
In Controller 
onSearching:function(oEvt) 
     { 
      var filters = []; 
      var sQuery = oEvt.getSource().getValue(); 
      if (sQuery && sQuery.length > 0){ 
       var filter = new sap.ui.model.Filter 
        ("Uname", sap.ui.model.FilterOperator.StartsWith, sQuery); 
       filters.push(filter); 
      } 
      var list = this.getView().byId("idList"); 
      var binding = list.getBinding("items"); 
      binding.filter(filters); 
     }, 

Answer 3

<SearchField id="searchfield" liveChange="liveSearch" placeholder="search"/> 
 
<List id="list" select=""onSelect/> 
 

 
liveSearch : function(oEvent) 
 
var olist = this.getView().byId("list); 
 
var sValue = oEvent.oSource.mProperties.value.toLowerCase(); 
 
var oItems = olist.getItems(); 
 

 
for(var i=0; i<oItems.length; i++){ 
 
    
 
    var value1 = olist.mAggregations.oItems[i].mProperties.title; 
 
    var value2 = olist.mAggregations.oItems[i].mProperties.description; 
 
    
 
     if(value1.indexOf(sValue)>-1||value2.indexOf(sValue)>-1){ 
 
     oItems[i].setVisible(true); 
 
     } 
 
    } 
 
}

Dieser Code wird für die Listenelemente arbeiten, um meine Antwort verbindlich dh in "Master Detailvorlage"