根據輸入搜索的值檢查表格行SAPUI5

Question

我有一個帶搜索字段的表（多選模式）。有沒有辦法，當我搜索時，搜索結果的值將自動檢查表中的相應行。最初，雖然我可以搜索，但如果結果長度爲1，則在表上執行getItems（），在第一行上執行setSelected = true。該行被選中，但是當我退出搜索時，該行被取消選中。

 var oSerialTable = new sap.m.Table({ 
      mode: sap.m.ListMode.MultiSelect, 
      columns: [ 
       ... 
      ], 
      items : { 
        path : "/results", 
        template: new sap.m.ColumnListItem({ 
         cells: [ 
         new sap.m.Text({ text: "{Sernr}" }), 
         new sap.m.Text({ text: "{Equnr}" }), 
         new sap.m.Text({ text: "{Lbbsa}" }) 
         ] 
         }) 
      }, 
      select : function(evt){ 

      }, 
      updateFinished: function(){ 
       var aItems = oTable.getItems(); 
       console.log(aItems); 
       if (aItems.length == 1){ 
       console.log(aItems[0]); 
       aItems[0].setSelected(true) 
       } 

      } 
     }); 

     oSerialTable.setModel(ocheckSerialBatchJsonModel); 


     var oSerialTableSearch = new sap.m.SearchField({ 

      search: function(oEvent){ 

      var filterValue = oEvent.getSource().getValue(); 
      var aFilter = new sap.ui.model.Filter("Sernr", sap.ui.model.FilterOperator.EQ, filterValue); 
      var oItemTemplate = new sap.m.ColumnListItem({ 
       cells: [ 
        new sap.m.Text({ text: "{Sernr}" }), 
         new sap.m.Text({ text: "{Equnr}" }), 
         new sap.m.Text({ text: "{Lbbsa}" }) 


       ] 
      }); 

       oSerialTableSearch.bindItems({path:"/SerialSet", template:oItemTemplate, filters: [aFilter]}); 


      } 

     }); 

Answer 1

，如果你綁定ColumnListItem的selected property到模型這得到更加容易。與JSBin代碼

...  
       template: new sap.m.ColumnListItem({ 
        cells: [ 
        new sap.m.Text({ text: "{Sernr}" }), 
        new sap.m.Text({ text: "{Equnr}" }), 
        new sap.m.Text({ text: "{Lbbsa}" }) 
        ], 
        selected: "{selected}" //Bind selection to model 
        }) 

    ... 

    var oSerialTableSearch = new sap.m.SearchField({ 
     search: function(oEvent){ 
      var filterValue = oEvent.getSource().getValue(); 
      var array = ocheckSerialBatchJsonModel.getProperty("/results"); 
      array.forEach(function(item){ 
       //update selected state of each item 
       item.selected = (item.Sernr == filterValue || item.Equnr == filterValue || item. Lbbsa === filterValue); 
      }); 
      ocheckSerialBatchJsonModel.setProperty("/results",array); //Write back to Model to update bindings 
     } 
    }); 

例： 您可以在模型數據，然後進行過濾和選擇。