Help with loading JSP in Javascript tabs

Question

prismily -3 Newbie Poster

13 Years Ago

Hi,I Am writing JavaScript to display JSP pages in JavaScript tabs,all JSP pages displays dynamic data,all JSP pages are working fine if i run individually,when i try to make it as tabs jsp pages are not working.can any one help me to solve this problem.
my JS code:

var tabPanel = new Ext.TabPanel({
        activeTab         : 0,
		height            : 400,
        width             : 450,
        id                : 'myTPanel',
        enableTabScroll   : true,
        items             : [  
								{
									title:'Summary',
									autoLoad: infoUrl + param + "&rand="+Math.random()
								},
								{
									title:'Pump/Bore',
									//autoLoad: 'page1.jsp'
									</div><jsp:include page="page1.jsp" /></div>
								},{
									title:'Second',
									autoLoad: 'page2.jsp'
								},{
									title:'Third',
									autoLoad: 'page3.jsp'
								}
        ]
    });
    
    new Ext.Window({
		title:'Consumer Data',
        height : 400,
        width  : 450,
        //layout : 'fit',
        items  : tabPanel,
		listeners: {
				close: function (thisWindow) {
					thisWindow.destroy();
				  }
		}
    }).show();
  }
}

java-jsp javascript

Edited 13 Years Ago by ~s.o.s~ because: Added code tags, learn to use them.

3 Contributors
3 Replies
884 Views
12 Hours Discussion Span
Latest Post 13 Years Ago Latest Post by prismily

jwenting 1,889 duckman

13 Years Ago

no code tags, no question, assuming you're more important than anyone else and can boss us around.

FAIL

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

cfa99 -6 Newbie Poster · Answer 1 · 2011-09-29T15:47:37+00:00

cfa99 -6 Newbie Poster

13 Years Ago

Explain more aht is happening.

SNIP

Edited 13 Years Ago by happygeek because: fake sig deleted

javaAddict commented: get lost -3

happygeek commented: no advert links please, use signature facility -3

prismily -3 Newbie Poster · Answer 2 · 2011-09-29T18:11:03+00:00

Hi,I Am writing JavaScript to display JSP pages in JavaScript tabs,all JSP pages displays dynamic data,all JSP pages are working fine if i run individually,when i try to make it as tabs jsp pages are not working.can any one help me to solve this problem.
my JS code:

var tabPanel = new Ext.TabPanel({
        activeTab         : 0,
		height            : 400,
        width             : 450,
        id                : 'myTPanel',
        enableTabScroll   : true,
        items             : [  
								{
									title:'Summary',
									autoLoad: infoUrl + param + "&rand="+Math.random()
								},
								{
									title:'Pump/Bore',
									//autoLoad: 'page1.jsp'
									</div><jsp:include page="page1.jsp" /></div>
								},{
									title:'Second',
									autoLoad: 'page2.jsp'
								},{
									title:'Third',
									autoLoad: 'page3.jsp'
								}
        ]
    });
    
    new Ext.Window({
		title:'Consumer Data',
        height : 400,
        width  : 450,
        //layout : 'fit',
        items  : tabPanel,
		listeners: {
				close: function (thisWindow) {
					thisWindow.destroy();
				  }
		}
    }).show();
  }
}

This is JSP page

<%@page import="java.sql.Statement"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.util.*"%>
<%@page import="com.enzen.cis.beans.ConsumptionDetails"%>
<%@page import="com.enzen.cis.beans.ConsumptionBean"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.enzen.cis.util.DBConnector"%>
<%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<%
String avg="0.00";
ResultSet rs=null;
String f1=null;
Statement statement=null;
%>
<%
		// String consumption_idt = request.getParameter("consumer_id");
		HashMap<String,Object> consumption_data = new HashMap<String,Object>();
		ServletContext context = this.getServletContext();
		String dbhost = context.getInitParameter("dbhost");
		String port = context.getInitParameter("dbport");
		String db = context.getInitParameter("db");
		String dbuser = context.getInitParameter("dbuser");
		String dbpassword = context.getInitParameter("dbpasswd");
		DBConnector dbconnector = new DBConnector(dbhost, port, db, dbuser, dbpassword);
		System.out.println("Connection Established");
		Connection con = dbconnector.getConnection();
		
		ConsumptionDetails condata= new ConsumptionDetails();
		consumption_data= condata.GetConsumptionData(con,"1");
		
		if(consumption_data.get("error").equals("false")) {
		avg = consumption_data.get("avg").toString();
%>
<table border="1">
<tr>
<th width=100><b>Month</b></th>
<th width=100><b>Consumption Units</b></th>
<% 
ArrayList beanList = new ArrayList(); 
	
beanList =(ArrayList)consumption_data.get("bean");

Iterator it=beanList.iterator();

while (it.hasNext()){
 ConsumptionBean bean=(ConsumptionBean)it.next();
%>
<tr><td><%=bean.getMonth()%></td><td><%=bean.getCons_units()%></td></tr>

<%
}%>
<tr><td><b>AVERAGE</b></td><td><%=avg%></td></tr>
<%
} else {
%>
<h3>Error : Problem Retrieving consumption details</h3>
<h4><%=consumption_data.get("error_data") %></h4>
<%
}
		consumption_data.clear();
%> 
</tr>
</table>

if i run this jsp page alone i'm able to populate the data dynamically.if i call this same page with tab controls, page is not loading.