SAPUI5の入力フィールドにブラウザのキャッシュオートコンプリートを追加する方法は？

Question

SAPUI5の入力フィールドにブラウザキャッシュのオートコンプリートを追加する方法は？

入力フィールドを持つSAPUI5フォームがあります。これらの入力フィールドには、他のウェブサイトのようにブラウザの履歴からオートコンプリートを表示します。何か案が？

Answer 1

あなたの質問は少し曖昧ですが、ブラウザレベルのフォームフィールドのオートコンプリートを有効にしたいと思います。この質問のようなもの：Make text input fields remember previously entered data。

メインキャッチは、ブラウザがこれらの条件の下でのフィールド値に係る情報を保存していることである：

• 入力フィールドは、（名前を持っているあなたはの「名前」プロパティを介して入力フィールドの名前を設定することができますUI5 sap.m.Inputコントロール）。
• 含有フォームが提出されます。

通常、UI5ではフォームを送信しません。これは、AJAX以外の方法でデータを渡すためです。この問題を解決するには、Trigger autocomplete without submitting a formというこの質問を見ることができます。

また、値を自分で保存することもできます。 localStorageを使用して、sap.m.InputのsuggestionItems集約を埋めるためにそれらを使用します。

Answer 2

私はwindow.historyを使用してブラウザの履歴にアクセスすることをお勧めします。しかし、window.historyではセキュリティ上の理由からさまざまなURLを見ることができません。履歴APIはよくここでの例で説明されて

： https://developer.mozilla.org/en-US/docs/Web/API/History_API

しかし、もし、あなたがモデルにするための提案をオンにしたいURLを保存することができ、あなたが提案window.historyと簡単な使用を避けることができます入力フィールドの機能。これのサンプルはここに提供されています： https://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.InputSuggestionsCustomFilter/preview

Answer 3

LocalCacheSettings: function(){ 

      var aSelectedTokens = this.getView().byId("processOrderNo").getTokens(); 
      var aModelData = []; 
      for(var i = 0; i < aSelectedTokens.length ; i++){ 
       aModelData.push({ 
        "key" : i.toString(), 
        "value" : aSelectedTokens[i].getText() 
       }); 
     jQuery.sap.storage(jQuery.sap.storage.Type.local).put("myLocalData", aModelData); 


     } 
      this.aProcessOrderTyped = []; 
      var oLocalCacheModel = new sap.ui.model.json.JSONModel(); 
      jQuery.sap.require("jquery.sap.storage"); 
      var oStorage = jQuery.sap.storage(jQuery.sap.storage.Type.local); 
      //this.aProcessOrderTyped; 
      if(oStorage.get("myLocalData")){ 
       this.aProcessOrderTyped = oStorage.get("myLocalData"); 
       oLocalCacheModel.setData(this.aProcessOrderTyped); 
      } 
      this.getView().setModel(oLocalCacheModel, "POModel");