SAPUI5コンボボックスコントロールからクイックビューポップアップへのバインドパス

Question

XMLビューにコンボボックスと独立したボタンがあります。プレスイベントのボタンは、QuickViewコントロールを呼び出します。 問題は、コンボボックスの選択したバインディングパスからQuickViewのデータを読み込むことができないことです。

コンボボックスの項目はjsonファイルにあります。

<ComboBox id="person" showSecondaryValues="true" 
      items="{persons>/Persons}"> 
      <items> 
       <core:Item key="{persons>ID}" text="{persons>Name}"/> 
      </items> 
</ComboBox> 
<Button icon="sap-icon://personnel-view" press="onPersonnelView"/> 

マニフェストで宣言されているJSONファイルは次のとおりです。

{  
"Persons": [ 
{ 
    "ID": "id01", 
    "Name": "name", 
    "Roles": "role", 
    "Mobile": "555", 
    "Phone": "555", 
    "Email": "info@info.info", 
    "Address": "address 99", 
    "CompanyID": "cid01" 
}]} 

とマニフェスト一部：

"models": { 
     "persons": { 
      "type": "sap.ui.model.json.JSONModel", 
      "uri": "TestData/persons.json" 
     } 

コンボボックスが魔法のように動作し、「人物」との結合モデルはうまくいくようです。クイックビュー自体を示したが、それは空の

sap.ui.define([ 
"sap/ui/core/mvc/Controller" 
], function(Controller) { 
"use strict"; 
return Controller.extend("my.app.controller.Form", { 

onPersonnelView: function(oEvent) { 

     this._openQuickView(oEvent); 
    }, 

    _openQuickView: function(oEvent) { 

     this._createPopover(); 

     var oButton = oEvent.getSource(); 
     jQuery.sap.delayedCall(0, this, function() { 
      this._oQuickView.openBy(oButton); 
     }); 
    }, 

    _createPopover: function() { 
     if (!this._oQuickView) { 
      this._oQuickView = sap.ui.xmlfragment("my.app.view.PersonnelQuickView", this); 
      this.getView().addDependent(this._oQuickView); 
     } 
    } 
}); 
}); 

：よう

私のコントローラが見えます。

Answer 1

QuickViewPageをモデル内の特定のエントリにバインドする必要があります。

このため、選択したComboBoxエントリのバインディングパスを取得し、QuickViewPageのバインディングコンテキストとして使用する必要があります。

onPersonnelView: function(oEvent) { 
    var item = this.byId("person").getSelectedItem(); 
    if (!item) { 
     return; 
    } 
    var path = item.getBindingContext("persons").getPath(); 
    this._createPopover("persons>" + path); 

    var oButton = oEvent.getSource(); 
    jQuery.sap.delayedCall(0, this, function() { 
     this._oQuickView.openBy(oButton); 
    }); 
}, 

_createPopover: function(path) { 
    if (!this._oQuickView) { 
     this._oQuickView = sap.ui.xmlfragment("my.app.view.PersonnelQuickView", this); 
     this.getView().addDependent(this._oQuickView); 
    } 
    this._oQuickView.bindElement(path); 
}