{"id":1181,"date":"2013-04-09T11:03:12","date_gmt":"2013-04-09T09:03:12","guid":{"rendered":"http:\/\/hasselba.ch\/blog\/?p=1181"},"modified":"2013-04-09T12:30:18","modified_gmt":"2013-04-09T10:30:18","slug":"xpages-inject-csjs-code-at-page-top","status":"publish","type":"post","link":"https:\/\/hasselba.ch\/blog\/?p=1181","title":{"rendered":"XPages: Inject CSJS code at page top"},"content":{"rendered":"

Sometimes it is required to add some CSJS code at the beginning of the XPage before the Dojo libaries are loaded and are executed. This can be easily achieved by using the resource aggregation feature and including a CSJS library with the <xp:headTag><\/em>.<\/p>\n

First you have to create a CSJS library which contains the code you want to execute:<\/p>\n

\"\"<\/p>\n

Then you have to add the <xp:headTag> which loads the CSJS library:<\/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\u00a0\u00a0\u00a0 <xp:this.properties>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <xp:parameter name=\"xsp.resources.aggregate\" value=\"true\" \/>\r\n\u00a0\u00a0\u00a0 \u00a0<\/xp:this.properties>\r\n\r\n\u00a0\u00a0\u00a0\u00a0 <xp:this.resources>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0 <xp:headTag tagName=\"script\">\r\n\u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<xp:this.attributes>\r\n\u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<xp:parameter name=\"type\" value=\"text\/javascript\" \/>\r\n\u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<xp:parameter name=\"src\" value=\"Before.js\" \/>\r\n\u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<\/xp:this.attributes>\r\n\u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0<\/xp:headTag>\r\n\u00a0\u00a0 \u00a0<\/xp:this.resources>\r\n\r\n<\/xp:view><\/code><\/pre>\n
[The xp:parameter can ignored if resource aggregation is enabled for the whole application]<\/em><\/p>\n
The generated HTML source code will look like this, with the CSJS library at the top of the page:<\/p>\n
\"\"<\/p>\n
It works ONLY if resource aggregation is enabled. If it is disabled, the CSJS library is added after the Dojo libraries and style sheets:<\/p>\n
\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"
Sometimes it is required to add some CSJS code at the beginning of the XPage before the Dojo libaries are loaded and are executed. This can be easily achieved by using the resource aggregation feature and including a CSJS library … 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":[75,19,9,81],"tags":[33,8,7,77,4,32,12,3],"class_list":["post-1181","post","type-post","status-publish","format-standard","hentry","category-dojo","category-html","category-javascript","category-web","tag-8-5-3","tag-dojo","tag-domino","tag-html","tag-js","tag-tipp","tag-web","tag-xpages"],"_links":{"self":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1181","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=1181"}],"version-history":[{"count":8,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1181\/revisions"}],"predecessor-version":[{"id":1189,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1181\/revisions\/1189"}],"wp:attachment":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}