hey I've checked aui-tabs.js file and you can use the same like,
Instead of CONTENT_NODE you have to pass DIV Id say #test and create div of name #test that will be having include stmt of jsp, this will fetch its content and store in variable,try it out
content: {
lazyAdd: false,
valueFn: function() {
var instance = this;
var value = '';
var contentNode = instance.get(CONTENT_NODE);
if (contentNode) {
value = contentNode.html();
}
return value;
}, Instead of CONTENT_NODE you have to pass DIV Id say #test and create div of name #test that will be having include stmt of jsp, this will fetch its content and store in variable,try it out
Hey mayur i have got the required solution i have changed the code to
the above code. i could embed the jsp file into the tab.Thanks for your suggestions.
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui" %>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
<%@ page import="com.liferay.portal.kernel.util.ParamUtil" %>
<%@ page import="javax.portlet.PortletURL" %>
<%@ page import="javax.portlet.ResourceURL" %>
<%@ page import="javax.portlet.WindowState" %>
<portlet:defineObjects />
<html>
<body>
<script type="text/javascript">
AUI().ready('aui-tabs', function(A) {
var tabs1=new A.TabView({
boundingBox: '#tabs',
listNode: '#docs',
contentNode: '#docsContent'
});
tabs1.render();
});
</script>
<div id="tabs">
<ul class="aui-tabview-list aui-widget-hd" id="docs">
<li class="aui-tab">
<a class="aui-tab-label" href="javascript:;">Employee Details</a></li>
<li class="aui-tab">
<a class="aui-tab-label" href="javascript:;">Personal Details</a></li>
</ul>
<div class="aui-tabview-content aui-widget-bd" id="docsContent">
<div class="aui-tabview-content-item">
<jsp:include page="EmployementDetails.jsp"/></div>
<div class="aui-tabview-content-item">
<jsp:include page="PersonalDetails.jsp" flush="false" /> </div>
</div>
</div>
</body>
</html>
the above code. i could embed the jsp file into the tab.Thanks for your suggestions.
This will be helpful for others. Happy Learning !!!
Bharani Ravi Kanth:
Hey mayur i have got the required solution i have changed the code to<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui" %>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
<%@ page import="com.liferay.portal.kernel.util.ParamUtil" %>
<%@ page import="javax.portlet.PortletURL" %>
<%@ page import="javax.portlet.ResourceURL" %>
<%@ page import="javax.portlet.WindowState" %>
<portlet:defineObjects />
<html>
<body>
<script type="text/javascript">
AUI().ready('aui-tabs', function(A) {
var tabs1=new A.TabView({
boundingBox: '#tabs',
listNode: '#docs',
contentNode: '#docsContent'
});
tabs1.render();
});
</script>
<div id="tabs">
<ul class="aui-tabview-list aui-widget-hd" id="docs">
<li class="aui-tab">
<a class="aui-tab-label" href="javascript:;">Employee Details</a></li>
<li class="aui-tab">
<a class="aui-tab-label" href="javascript:;">Personal Details</a></li>
</ul>
<div class="aui-tabview-content aui-widget-bd" id="docsContent">
<div class="aui-tabview-content-item">
<jsp:include page="EmployementDetails.jsp"/></div>
<div class="aui-tabview-content-item">
<jsp:include page="PersonalDetails.jsp" flush="false" /> </div>
</div>
</div>
</body>
</html>
the above code. i could embed the jsp file into the tab.Thanks for your suggestions.
well done Ravi n Mayur......
