{"id":4476,"date":"2012-03-08T13:08:35","date_gmt":"2012-03-08T18:08:35","guid":{"rendered":"http:\/\/jianmingli.com\/wp\/?p=4476"},"modified":"2012-06-20T15:24:53","modified_gmt":"2012-06-20T20:24:53","slug":"facelet-composite-components","status":"publish","type":"post","link":"https:\/\/jianmingli.com\/wp\/?p=4476","title":{"rendered":"Facelet Composite Components"},"content":{"rendered":"
\n

Contents<\/h2>\n
    \n\t
  1. \n\t\tSetup Test Project<\/a>\n\t<\/li>\n\t
  2. \n\t\tCreate a Test Bean<\/a>\n\t<\/li>\n\t
  3. \n\t\tCreate a New Facelet Composite Component<\/a>\n\t<\/li>\n\t
  4. \n\t\tSetup testcc-taglib.xml<\/a>\n\t<\/li>\n\t
  5. \n\t\tTest Composite Component<\/a>\n\t<\/li>\n\t
  6. \n\t\tTest<\/a>\n\t<\/li>\n\t
  7. \n\t\tDebug<\/a>\n\t<\/li>\n\t
  8. \n\t\tReferences<\/a>\n\t<\/li>\n<\/ol>\n<\/ol>\n<\/ol>\n<\/div>\n
     <\/div>\n
    \"\"<\/a><\/h6><\/span>\n

    Setup Test Project<\/h3><\/span>\n

    * Follow this post<\/a> to setup a dynamic web project using MyFaces Trinidad in Eclipse. You can download the sample code<\/a> to begin with.
    \n* Add CDI\/WELD support to the project. See     this post<\/a> for details.
    \n– Add weld.jar to build path and assembly path
    \n– Add weld listener to web.xml
    \n– Add beans.xml to src\/MEATA-INF<\/p>\n

    Create a Test Bean<\/h3><\/span>\n

    * Create a new package named test
    \n* Create a new Java class in test package named TestBean<\/strong><\/p>\n

    package test;\r\n\r\nimport javax.enterprise.context.RequestScoped;\r\nimport javax.inject.Named;\r\n\r\n@Named\r\n@RequestScoped\r\npublic class TestBean {\r\n\tpublic String getTitle() {\r\n\t\treturn \"Test Bean\";\r\n\t}\r\n\r\n\tprivate String val;\r\n\tprivate String[] vals;\r\n\t\r\n\tpublic String[] getVals() {\r\n\t\treturn vals;\r\n\t}\r\n\r\n\tpublic void setVals(String[] vals) {\r\n\t\tthis.vals = vals;\r\n\t}\r\n\r\n\tpublic String getVal() {\r\n\t\treturn val;\r\n\t}\r\n\r\n\tpublic void setVal(String val) {\r\n\t\tthis.val = val;\r\n\t}\r\n\r\n\tpublic String getStr(){\r\n\t\treturn \"A string\";\r\n\t}\r\n\r\n\tpublic String[] getStrs(){\r\n\t\tString[] tmp = new String[3];\r\n\t\ttmp[0] = \"String one\";\r\n\t\ttmp[1] = \"String two\";\r\n\t\ttmp[2] = \"String three\";\r\n\t\treturn tmp;\r\n\t}\r\n}\r\n\r\n<\/pre>\n
    Create a New Facelet Composite Component<\/h3><\/span>\n
    * Add a new folder named faceletlib<\/strong> under WEB-INF<\/em> directory
    \n* Add a new xhtml file named testccFace.xhtml<\/strong> in the faceletlib <\/em>directory. Note that we introduced two new variables in the composite whose values can be passed in at run time: testcc_id<\/strong> and testcc_bean<\/strong><\/p>\n
    \r\n\r\n\r\n\t\r\n\t\t\r\n\t\t\t\r\n\t\t<\/f:facet>\r\n\t\t\r\n\t<\/tr:panelLabelAndMessage>\r\n\r\n\t\r\n\r\n\t\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t<\/tr:selectOneChoice>\r\n\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t<\/tr:selectManyCheckbox>\r\n\r\n\t<\/tr:panelFormLayout>\r\n<\/ui:composition>\r\n\r\n<\/pre>\n
    Setup testcc-taglib.xml<\/h3><\/span>\n
    * Create a new xml file named testcc-taglib.xml<\/strong> in the WEB-INF<\/em> directory
    \n* Define a namespace for the new facelet taglib, e.g. http:\/\/www.testcc.com\/facelets<\/strong>
    \n* Enter the tag-name and point source to testccFace.xhtml file<\/p>\n
    \r\n\r\n\r\n\r\n\thttp:\/\/www.testcc.com\/facelets<\/namespace>\r\n\t\r\n\t\ttestcc<\/tag-name>\r\n\t\tfaceletlib\/testccFace.xhtml<\/source>\r\n\t<\/tag>\r\n<\/facelet-taglib>\r\n<\/pre>\n
    * Declare new facelet tag lib in web.xml:<\/p>\n
    \r\n    \r\n  \r\n    facelets.LIBRARIES<\/param-name>\r\n    \/WEB-INF\/testcc-taglib.xml<\/param-value>\r\n  <\/context-param>\r\n<\/pre>\n
    Test Composite Component<\/h3><\/span>\n
    * Add a new folder named testcc<\/strong> (read test composite component) under WebContent<\/em> directory
    \n* Add a new xhtml page named testccForm.xhtml<\/strong>
    \n* Add testcc<\/em> namespace in order to use the new taglib: xmlns:tcc=”http:\/\/www.testcc.com\/facelets”<\/em>
    \n* Use the tablib and pass in values for the two variables, i.e. testcc_id<\/em> and testcc_bean<\/em>:<\/p>\n
    \r\n\r\n\r\n  Sample Form: #{testBean.title}\r\n\t\r\n\t\t\r\n\t\t\r\n\t\t<\/tcc:testcc>\r\n\t<\/tr:form>\r\n\r\n<\/ui:composition>\r\n\r\n<\/pre>\n
    * Add a new xhtml page named testcc.xhtml<\/strong> and include testccForm.xhtml<\/p>\n
    \r\n\r\n\r\n\t\r\n            \r\n\t<\/ui:define>\r\n\t\r\n<\/ui:composition>\r\n<\/pre>\n
    Test<\/h3><\/span>\n
    * Deploy to Tomcat
    \n* Point browser to http:\/\/localhost:8080\/jsf2.myfaces2.trinidad2.one\/faces\/testcc\/testcc.xhtml<\/a><\/p>\n
    \"\"<\/a><\/h6><\/span>\n
    Debug<\/h3><\/span>\n
    * Add to xhtml page:<\/p>\n
    \r\n<\/ui:debug>\r\n<\/pre>\n
    * Press control p to see debug info.<\/p>\n
    References<\/h3><\/span>\n
    * Apache MyFaces Trinidad 1.2 By: David Thomas
    \n*     Facelet Tools<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
    Setup Test Project * Follow this post to setup a dynamic web project using MyFaces Trinidad in Eclipse. You can download the sample code to begin with. * Add CDI\/WELD support to the project. See this post for details. – … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[120],"tags":[],"class_list":["post-4476","post","type-post","status-publish","format-standard","hentry","category-jsf"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8cRUO-1ac","_links":{"self":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4476"}],"version-history":[{"count":9,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4476\/revisions"}],"predecessor-version":[{"id":4756,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4476\/revisions\/4756"}],"wp:attachment":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}