Sapui5 veya Openui5 ile data binding işlemleri.

Openui5 ile beraber data binding  işlemleri. Javascript dili işe OPENUI5 framworkün de data erişim modellleme işlemleri hakkında bir kaç dip not.

Aşağıdaki JSON data formatına göre örnekleri anlatıyoruz.

{"menu": {
  "id": "file",
  "value": "File",
  "popup": {
    "menuitem": [
      {"value": "Yeni", "onclick": "CreateNewDoc()"},
      {"value": "Aç", "onclick": "OpenDoc()"},
      {"value": "Kapat", "onclick": "CloseDoc()"}
    ]
  }
}}

getProperty(sPath, oContext?)

Burada sPath önemlidir, çünkü istenilen değeri gösterecektir.

Örnek 1:

// direkt erişim
Var oData = oModel.getProperty(« /menu/value ») ;
// modele erişim
Var oData = oModel.getProperty(“/menu”);
oData.value;

Öernek 2: en alt node kadar ulaşıp veri alma işlemi

// direkt erişim 
Var oData = oModel.getProperty(« /menu/popup/menuitem/1/onclick ») ;
// diziden erişim yani modelden (object metodu)
Var oData = oModel.getProperty(“/menu”);
oData.popup.menuitem[1].onclick;

Modelin data sına nasıl yazılır ?

Örnek 3: içerideki bir değeri değiştirme

oModel.setProperty(« /menu/value », newValue);

Model dizisindeki verileri döngü ile nasıl döneriz ?

Örnek 4: Menü dizisindeki (JSON) verilerini döngüde dönmek

var oData = oModel.getProperty(“/menu/popup/menuitem”);
If (oData instanceof Array){
  oData.foreach( function(oValue, i){
    //…
  });
}

 XML view ile bind etmek ?

<Input id=”i1″ value=”{/adi}” tooltip=”login is ‘{/adi}'”/>

<Input id=”i2″ value=”{/Modelaliad>/adi}”  />

<Input id=”i2″ value=”{/Ananote/adi}”  />

Benim notlarım :

json model  = {“id”:”1″, “adi”: “Burhan”}  olsun  modelimin ismi de oOkuModel olsun

oOkuModel.getProperty(“/adi”)
oOkuModel.oData.adi
oOkuModel.oData.adi[1] // array ise indisden bakiyoruz
oOkuModel.getData().adi

Kaynak : http://openui5.org/