{"id":114,"date":"2011-07-27T03:51:56","date_gmt":"2011-07-27T01:51:56","guid":{"rendered":"http:\/\/hasselba.ch\/blog\/?p=114"},"modified":"2011-07-27T03:53:29","modified_gmt":"2011-07-27T01:53:29","slug":"einfacher-datenaustausch-zwischen-ssjs-js","status":"publish","type":"post","link":"https:\/\/hasselba.ch\/blog\/?p=114","title":{"rendered":"Einfacher Datenaustausch zwischen SSJS & JS"},"content":{"rendered":"

Im XPages-Developer-Forum wurde die Frage<\/a> gestellt, wie man auf einer XPage einen Button dazu bringen kann, erst ein Serverseitiges JavaScript auszuf\u00fchren, um danach dessen R\u00fcckgabewert in einem\u00a0 Clientseitigen Javascript zu verarbeiten.<\/p>\n

Meine L\u00f6sung<\/a> hierzu sieht so aus, da\u00df der Datenaustausch \u00fcber eine Javascript-Variable durchgef\u00fchrt wird. Ein Partialrefresh l\u00e4dt dabei ein Outputscript nach, und das Clientseitige Javascript wird durch das „onComplete“-Ereignis der Aktion angesto\u00dfen. Das Outputscript wird dynamisch generiert.<\/p>\n

Hier der dazugeh\u00f6rige Code:<\/p>\n

<xp:button value=\"Label\" id=\"button2\">\r\n   <xp:eventHandler event=\"onclick\" submit=\"true\"\r\n\u00a0\u00a0    refreshMode=\"partial\" refreshId=\"refreshMe<\/strong>\">\r\n      <xp:this.onComplete>\r\n         <![CDATA[alert(test<\/strong><\/span>)]]>\r\n      <\/xp:this.onComplete>\r\n   <\/xp:eventHandler>\r\n<\/xp:button>\r\n\r\n<xp:div id=\"refreshMe\"><\/strong>\r\n   <xp:scriptBlock id=\"scriptBlock1\">\r\n      <xp:this.value>\r\n         <![CDATA[#{javascript:\"var test<\/span><\/strong>='\" +\r\n         java.lang.System.currentTimeMillis() +\r\n         \"'\";}]]>\r\n      <\/xp:this.value>\r\n   <\/xp:scriptBlock>\r\n<\/xp:div><\/strong><\/pre>\n
[In Fett: Das Ziel des Partialrefresh \/\/ In Rot: Die „Austausch“-Variable]<\/em><\/p>\n
Nat\u00fcrlich l\u00e4\u00dft sich auf diese Weise auch mehr als nur eine Varable austauschen: Es kann beliebiger Code nachgeladen werden (komplette Javascript-Objekte uvm.). Der Scriptblock selbst ist nicht referenzierbar f\u00fcr den Partialrefresh, so da\u00df der Block in ein anderes Element eingebettet sein mu\u00df, damit der Trick funktioniert.<\/p>\n","protected":false},"excerpt":{"rendered":"
Im XPages-Developer-Forum wurde die Frage gestellt, wie man auf einer XPage einen Button dazu bringen kann, erst ein Serverseitiges JavaScript auszuf\u00fchren, um danach dessen R\u00fcckgabewert in einem\u00a0 Clientseitigen Javascript zu verarbeiten. Meine L\u00f6sung hierzu sieht so aus, da\u00df der Datenaustausch … 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,19,9,76,74],"tags":[7,77,4,5,12,3],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-html","category-javascript","category-ssjs","category-xpages","tag-domino","tag-html","tag-js","tag-ssjs","tag-web","tag-xpages"],"_links":{"self":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/114","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=114"}],"version-history":[{"count":4,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}