This is how my sample portlet looks like. It has one
dijit.form.Button
button.This is the dijitpage.jsp that i am using to generate markup for the view mode
<%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1" session="false"%>
<%@taglib uri="http://java.sun.com/portlet" prefix="portlet"%>
<%@taglib uri="http://www.ibm.com/xmlns/prod/websphere/portal/v6.1/portlet-client-model" prefix="portlet-client-model"%>
<%@taglib uri="http://java.sun.com/portlet" prefix="portletx"%>
<portlet-client-model:init>
<portlet-client-model:require module="ibm.portal.xml.*" />
<portlet-client-model:require module="ibm.portal.portlet.*" />
</portlet-client-model:init>
<portlet:defineObjects />
<script>
dojo.require("dojo.parser");
dojo.require("dijit.form.Button");
dojo.addOnLoad( function (){
console.log("Inside dojo.addOnLoad()");
dojo.parser.parse( "portletWidgetContainer");
});
function call_function(){
console.log("Inside the button event handler");
alert("Inside the button event handler")
}
</script>
<div id="portletWidgetContainer">
<button dojoType="dijit.form.Button" onclick="call_function">
Hi I am the One !!
</button>
</div>
You should follow these guidelines in your portlets
- You should enclose the markup of your portlet or the markup that is using Dijit widget in div or someother enclosing element
- Add dojo.addOnLoad() function inside your code and call the
dojo.parser.parse(<enclosingelementid>)
to parse the markup of the portelt for dijit widgets - Dojo framework would be included by theme on the page so dont include it explicitly. Trying to override dojo included by theme might break your theme
You can download the sample DijitPortlet from here
1 comment:
This is the best example of dojo and WebSphere Portal integration. Thank you.
Post a Comment