Hey guys, i need to make one portlet to add other portlets using JSP and jQuery, but i'm getting some troubles upon here.
The following code runs perfectly, i can add the portlet as expected. But when i click the button "Add portlet", the only element loaded in the layout, is the placeholder, where the portlet is supposed to be. Portlets added, actualy, only load when the page is refreshed. Any idea about what's going on?
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
AUI().use(
'aui-node',
function (A){
var it = jQuery(".portlet").each(function(){
A.one('#' + jQuery(this).attr("id")).on('click', function(event) {
alert(jQuery(this).attr("id"));
var myPortletPlaceholderDiv = A.Node.create('<div id="myPortletPlaceholderDiv" class="loading-animation" />');
myPortletPlaceholderDiv.appendTo("#layout-column_column-2");
var plid = themeDisplay.getPlid();
var portletId = jQuery(this).attr("id");
var onComplete = null;
var beforePortletLoaded = null;
var portletOptions = {
beforePortletLoaded: beforePortletLoaded,
onComplete: onComplete,
plid: plid,
portletId: portletId,
placeHolder: '#myPortletPlaceholderDiv'
};
Liferay.Portlet.add(portletOptions);
});
});
}
);
</script>
<theme:defineobjects />
<c:set var="imagesPath" value="${themeDisplay.pathThemeImages}" />
<c:set var="multiColorPath" value="${themeDisplay.pathColorSchemeImages}" />
<div id="htmlAddWidget">
<table title="Hello!">
<tbody>
<tr>
<td colspan="2"><h2>Hello We-Ners</h2></td>
</tr>
<tr>
<td><a href="javascript:;" id="myPortlet_WAR_myPortlet" class="portlet">Add Portlet</a></td>
<td><a href="javascript:;" id="myPortlet2_WAR_myPortlet2" class="portlet">Add Portlet2</a></td>
</tr>
<tr>
<td><a href="javascript:;" id="myPortlet3_WAR_myPortlet3" class="portlet">Add Portlet3</a></td>
<td><a href="javascript:;" id="myPortlet4_WAR_myPortlet4" class="portlet"> Add Portlet4</a></td>
</tr>
</tbody>
</table>
</div>
[]'s
