{"id":208,"date":"2011-08-21T16:36:40","date_gmt":"2011-08-21T14:36:40","guid":{"rendered":"http:\/\/blog.hasselba.ch\/?p=208"},"modified":"2011-08-23T14:58:36","modified_gmt":"2011-08-23T12:58:36","slug":"dynamisches-data-binding","status":"publish","type":"post","link":"https:\/\/hasselba.ch\/blog\/?p=208","title":{"rendered":"Dynamisches Data Binding"},"content":{"rendered":"

Das Data Binding<\/a> ist eine\u00a0 einfache und komfortable M\u00f6glichkeit, Datenquellen und XPages miteinander zu verbinden. Zum Einen lassen sich Frontend und Backend miteinander koppeln (also z.B. Feld eines Notes Dokumentes mit einem Label auf der XPage), zum Anderen ist eine Speicherung von Informationen innerhalb der XPages-Applikation m\u00f6glich (z.B. das Ablegen eines Wertes im sessionScope<\/em>-Objekt).<\/p>\n

<xp:inputText id=\"inputText1\"\r\n   value=\"#{document1.feldName<\/strong>}\">\r\n<\/xp:inputText><\/pre>\n
[Data binding einer Datenquelle an ein Textfeld \/\/ In Fett: Die Zuweisung per Expression Language(EL)]<\/em><\/p>\n
Data bindings lassen sich auch dynamisch erstellen, da die Zuweisung w\u00e4hrend des Aufbauens des JSF-Baumes geschieht: Wird die Berechnung des Bindings w\u00e4hrenddessen durchgef\u00fchrt, ist es m\u00f6glich, z.B. eine Zuweisung durch die Expression Language (EL) programmatisch zu beeinflussen.<\/p>\n
<xp:inputText id=\"inputText1\"><\/em>\r\n   <xp:this.value><![CDATA[$<\/span><\/strong>{javascript:\r\n      var fName<\/strong> = \"Test\";\r\n      return '#{document1.' + fName<\/strong> + '}';\r\n   }]]><\/xp:this.value>\r\n<\/xp:inputText><\/pre>\n
[Fett: Der Name der Variable \/\/ In Rot: „Compute On Page Load“]<\/em><\/p>\n
Dadurch, dass die Berechnung auf „Compute On Page Load<\/em>“ gesetzt ist, kann eine Variable programmatisch zugewiesen werden. Im obigen Beispiel existiert jetzt eine Zuweisung der Textfeldes an „document1.Test<\/em>„.<\/p>\n
Hierdurch lassen sich einige „Spielereien“ realisieren, z.B. dynamische Zuweisungen von requestScope<\/em>-Variablen:<\/p>\n
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<xp:view xmlns:xp=\"http:\/\/www.ibm.com\/xsp\/core\">\r\n\r\n<xp:div id=\"refreshMe\">\r\n<xp:repeat id=\"repeat1\" rows=\"30\" var=\"varcollection\"\r\n   repeatControls=\"true\" indexVar=\"index\">\r\n   <xp:this.value>\r\n      <![CDATA[${javascript:return @Explode(\"1,2,3,4,5\",\",\");}]]>\r\n   <\/xp:this.value>\r\n   <xp:radioGroup id=\"radioGroup1\">\r\n      <xp:this.value><![CDATA[${javascript:\r\n         var fieldName = \"Radio_\" + index;\r\n         return '#{requestScope.' + fieldName + '}'<\/strong>;}]]>\r\n      <\/xp:this.value>\r\n      <xp:selectItem itemLabel=\"Value1\"\r\n         itemValue=\"Value1\"><\/xp:selectItem>\r\n      <xp:selectItem itemLabel=\"Value2\"\r\n         itemValue=\"Value2\"><\/xp:selectItem>\r\n   <\/xp:radioGroup>\r\n   <xp:br><\/xp:br>\r\n<\/xp:repeat>\r\n\r\n<xp:label id=\"label1\">\r\n   <xp:this.value><![CDATA[#{javascript:var txt = \"\";\r\n      try{\r\n         for( i=0; i<requestScope.size(); i++ ){\r\n            if( requestScope.containsKey( \"Radio_\" + i ) )\r\n            txt += requestScope.get(\"Radio_\" + i)<\/strong>;\r\n         }\r\n      }catch(e){}\r\n      return txt;}]]>\r\n   <\/xp:this.value>\r\n<\/xp:label>\r\n<\/xp:div>\r\n\r\n<xp:button value=\"Submit\" id=\"button1\">\r\n   <xp:eventHandler event=\"onclick\" submit=\"true\"\r\n\u00a0\u00a0    refreshMode=\"partial\" refreshId=\"refreshMe\">\r\n\u00a0\u00a0 <\/xp:eventHandler>\r\n<\/xp:button>\r\n<\/xp:view><\/pre>\n
[Dynamische Zuweisung von Radio-Buttons zum Requestscope innerhalb eines RepeatControls \/\/ In Fett: Handling der dynamischen requestScope-Variablen]<\/em><\/p>\n
Das hier gezeigte Beispiel legt f\u00fcnf Radio-Button-Gruppen an, die an das requestScope<\/em>-Objekt gebunden werden. Wird der Button angeklickt, werden die Daten an den Server gesendet und die ausgew\u00e4hlten Werte im Label angezeigt.<\/p>\n","protected":false},"excerpt":{"rendered":"
Das Data Binding ist eine\u00a0 einfache und komfortable M\u00f6glichkeit, Datenquellen und XPages miteinander zu verbinden. Zum Einen lassen sich Frontend und Backend miteinander koppeln (also z.B. Feld eines Notes Dokumentes mit einem Label auf der XPage), zum Anderen ist eine … Weiterlesen →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,29,26,76,74],"tags":[7,30,88,86,5,3],"class_list":["post-208","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-expression-language","category-jsf","category-ssjs","category-xpages","tag-domino","tag-el","tag-expression-language","tag-jsf","tag-ssjs","tag-xpages"],"_links":{"self":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=208"}],"version-history":[{"count":16,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/208\/revisions"}],"predecessor-version":[{"id":224,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/208\/revisions\/224"}],"wp:attachment":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}