{"id":6086,"date":"2017-02-04T18:01:35","date_gmt":"2017-02-04T15:01:35","guid":{"rendered":"https:\/\/www.karadere.com\/blog\/?p=6086"},"modified":"2017-02-04T18:08:24","modified_gmt":"2017-02-04T15:08:24","slug":"sapui5-veya-openui5-ile-data-binding-islemleri","status":"publish","type":"post","link":"https:\/\/www.karadere.com\/blog\/sapui5-veya-openui5-ile-data-binding-islemleri.html","title":{"rendered":"Sapui5 veya Openui5 ile data binding i\u015flemleri."},"content":{"rendered":"

Openui5 ile beraber data binding \u00a0i\u015flemleri. Javascript dili i\u015fe OPENUI5 framwork\u00fcn de data eri\u015fim modellleme i\u015flemleri hakk\u0131nda bir ka\u00e7 dip not.<\/p>\n

<\/h2>\n

A\u015fa\u011f\u0131daki JSON<\/strong> data format\u0131na g\u00f6re \u00f6rnekleri anlat\u0131yoruz.<\/p>\n

{<\/span>\"menu\"<\/span>:<\/span> {<\/span>\r\n  \"id\"<\/span>:<\/span> \"file\"<\/span>,<\/span>\r\n  \"value\"<\/span>:<\/span> \"File\"<\/span>,<\/span>\r\n  \"popup\"<\/span>:<\/span> {<\/span>\r\n    \"menuitem\"<\/span>:<\/span> [<\/span>\r\n      {<\/span>\"value\"<\/span>:<\/span> \"Yeni\"<\/span>,<\/span> \"onclick\"<\/span>:<\/span> \"CreateNewDoc()\"<\/span>}<\/span>,<\/span>\r\n      {<\/span>\"value\"<\/span>:<\/span> \"A\u00e7\"<\/span>,<\/span> \"onclick\"<\/span>:<\/span> \"OpenDoc()\"<\/span>}<\/span>,<\/span>\r\n      {<\/span>\"value\"<\/span>:<\/span> \"Kapat\"<\/span>,<\/span> \"onclick\"<\/span>:<\/span> \"CloseDoc()\"<\/span>}<\/span>\r\n    ]<\/span>\r\n  }<\/span>\r\n}<\/span>}<\/span><\/code><\/pre>\n
getProperty<\/span>(<\/span>sPath,<\/span> oContext?<\/span>)<\/span><\/code><\/h3>\n
Burada sPath \u00f6nemlidir, \u00e7\u00fcnk\u00fc istenilen de\u011feri g\u00f6sterecektir.<\/p>\n
\u00d6rnek 1:<\/strong><\/p>\n
\/\/ direkt eri\u015fim<\/span>\r\nVar oData =<\/span> oModel.<\/span>getProperty<\/span>(<\/span>\u00ab \/<\/span>menu\/<\/span>value \u00bb)<\/span> ;<\/span>\r\n\/\/ modele eri\u015fim<\/span>\r\nVar oData =<\/span> oModel.<\/span>getProperty<\/span>(<\/span>\u201c\/<\/span>menu\u201d)<\/span>;<\/span>\r\noData.<\/span>value;<\/span><\/code><\/pre>\n
\u00d6ernek 2: <\/strong>en alt node kadar ula\u015f\u0131p veri alma i\u015flemi<\/p>\n
\/\/ direkt eri\u015fim <\/span>\r\nVar oData =<\/span> oModel.<\/span>getProperty<\/span>(<\/span>\u00ab \/<\/span>menu\/<\/span>popup\/<\/span>menuitem\/<\/span>1<\/span>\/<\/span>onclick \u00bb)<\/span> ;<\/span>\r\n\/\/ diziden eri\u015fim yani modelden (object metodu)<\/span>\r\nVar oData =<\/span> oModel.<\/span>getProperty<\/span>(<\/span>\u201c\/<\/span>menu\u201d)<\/span>;<\/span>\r\noData.<\/span>popup.<\/span>menuitem[<\/span>1<\/span>]<\/span>.<\/span>onclick;<\/span><\/code><\/pre>\n
Modelin data s\u0131na nas\u0131l yaz\u0131l\u0131r ?<\/h3>\n
\u00d6rnek 3: <\/strong>i\u00e7erideki bir de\u011feri de\u011fi\u015ftirme<\/p>\n
oModel.<\/span>setProperty<\/span>(<\/span>\u00ab \/<\/span>menu\/<\/span>value \u00bb,<\/span> newValue)<\/span>;<\/span><\/code><\/pre>\n
Model dizisindeki verileri d\u00f6ng\u00fc ile nas\u0131l d\u00f6neriz ?<\/h3>\n
\u00d6rnek 4:<\/strong>\u00a0Men\u00fc dizisindeki (JSON) verilerini d\u00f6ng\u00fcde d\u00f6nmek<\/p>\n
var<\/span> oData =<\/span> oModel.<\/span>getProperty<\/span>(<\/span>\u201c\/<\/span>menu\/<\/span>popup\/<\/span>menuitem\u201d)<\/span>;<\/span>\r\nIf (<\/span>oData instanceof<\/span> Array<\/span>)<\/span>{<\/span>\r\n  oData.<\/span>foreach<\/span>(<\/span> function<\/span>(<\/span>oValue,<\/span> i)<\/span>{<\/span>\r\n    \/\/\u2026<\/span>\r\n  }<\/span>)<\/span>;<\/span>\r\n}<\/span><\/code><\/pre>\n
\u00a0XML view ile bind etmek ?<\/h3>\n
<Input id=”i1″ value=”{\/adi}” tooltip=”login is ‘{\/adi}'”\/><\/p>\n
<Input id=”i2″ value=”{\/Modelaliad>\/adi}”\u00a0 \/><\/p>\n
<Input id=”i2″ value=”{\/Ananote\/adi}”\u00a0 \/><\/p>\n
 <\/p>\n
Benim notlar\u0131m :<\/h2>\n
json model \u00a0= {“id”:”1″, “adi”: “Burhan”} \u00a0olsun \u00a0modelimin ismi de\u00a0oOkuModel<\/strong> olsun<\/p>\n
oOkuModel.getProperty(“\/adi”)
\noOkuModel.oData.adi
\noOkuModel.oData.adi[1] \/\/ array ise indisden bakiyoruz
\noOkuModel.getData().adi<\/p>\n
 <\/p>\n
Kaynak :\u00a0http:\/\/openui5.org\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Openui5 ile beraber data binding \u00a0i\u015flemleri. Javascript dili i\u015fe OPENUI5 framwork\u00fcn de data eri\u015fim modellleme i\u015flemleri hakk\u0131nda bir ka\u00e7 dip not. A\u015fa\u011f\u0131daki JSON data format\u0131na g\u00f6re \u00f6rnekleri anlat\u0131yoruz. {“menu”: { “id”: “file”, “value”: “File”, “popup”: { “menuitem”: [ {“value”: “Yeni”, “onclick”: “CreateNewDoc()”}, {“value”: “A\u00e7”, “onclick”: “OpenDoc()”}, {“value”: “Kapat”, “onclick”: “CloseDoc()”} ] } }} getProperty(sPath, oContext?) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[2806,2808,2809],"tags":[2811,2810,948,1223,2479,1837,2546],"class_list":["post-6086","post","type-post","status-publish","format-standard","hentry","category-openui5","category-sap-openui5","category-sapui5","tag-binding","tag-data","tag-fiori-2","tag-islemleri","tag-openui5","tag-sap","tag-sapui5","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"aioseo_notices":[],"views":1108,"_links":{"self":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts\/6086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/comments?post=6086"}],"version-history":[{"count":4,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts\/6086\/revisions"}],"predecessor-version":[{"id":6090,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/posts\/6086\/revisions\/6090"}],"wp:attachment":[{"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/media?parent=6086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/categories?post=6086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.karadere.com\/blog\/wp-json\/wp\/v2\/tags?post=6086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}