Sort a HTML table with JSP

Hi,
I have a Read-Only-Table and I want when the user click in the table-headers-colums, the table be re-order.
This is possible ?
TankÂ´s.

Are you using ADF BC for the persistence?
If you do then you can expose a method in the AM that recieves a column name as a parameter and uses the view-object's setOrderByClause() method to reorder the data and display it in the page.

Similar Messages

How to sort an internal table with a header line?

hi all,
i have declared table i_bseg type standard table of bseg with header line.
now i have populated data in i_bseg.
now i am sorting it by bukrs
ie i am writing sort i_bseg by bukrs.
before sorting all i_bseg-belnrs were populated...
but after sorting the contents of the i_bseg is changing.
some of the belnrs are getting deleted..
is there any special way to sort an internal table with header line...?

hi,
<b>SORT <itab> [ASCENDING|DESCENDING] [AS TEXT] [STABLE].</b>
The statement sorts the internal table <itab> in ascending order by its key.<b> The statement always applies to the table itself, not to the header line</b>.
If you have an internal table with a structured line type that you want sort by a different key, you can specify the key in the SORT statement:
SORT <itab> [ASCENDING|DESCENDING] [AS TEXT] [STABLE]
BY <f1> [ASCENDING|DESCENDING] [AS TEXT]
<fn> [ASCENDING|DESCENDING] [AS TEXT].
<b>this is your sort statement: sort i_bseg by bukrs.
you try with this statement: sort i_bseg by bukrs STABLE.</b>
regards,
Ashokreddy

Urgently Need Code for Copy & Paste from Html Table in JSP to Excel file

I am creating a html table in JSP file .
I need code for 'Cut,Copy,Paste' functions ie. if someone wants to copy data from my table to excel file or from excel file to html table he shud be able to do that.
Can someone give me code for 'Cut,Copy and Paste' i.e. some javascript functions which can do cut, copy and paste which i can put in my jsp file
Thanks
Message was edited by:
javatechguru2007

package com.chinmayananda
public class Tetris{
// complete here
code]
public abstract class AbstractTetris {
public abstract void start();
public abstract void stop();
}nearly done

How to create table with jsp in mysql

Hi, every one,
I just want to know how to create a table with jsp in mysql, please.
Thanks in advance

I have got the same question. I tried to pass sql "Create table" statement, but the servlet engine (tomcat4) threw an error "could not manipulet statement.execute". It works for normal SQL select statement.
Anyone got the same problem ? or got a solution for this ? someone told me that PHP can do it, but just want to get it works with JSP.

Can't create dynamic html elements with jsp????? important

Hi All,
I am having problem creating dynamic html elements with jsp tags, i have tried to use EL and java scriplet, both of them don't work.
i am trying to create dynamic menu in my "rightMenu.jspf", based on, if user has logged in or not.
some like this!
<jsp:if test ="${validUser == null}">
some simple text menu here
</jsp:if>
but it is not working. it simply loading all and images with in statement, regardless of whether user has logged in or not. i think some how if statement is not working properly.
"validUser" is a session bean, which is not creating at this point, it will created when user will log in successfully. and also this session bean does not exist at the page, where i am trying to check that .
Is there any way to create dynamic values in jsp. It is really important, is there any body who help me in this matter. i would be really grateful.
zaman

hi jaspre,
thanks for replying me. you know what, is it not something wrong with web.xml file. i remember once, i deleted some from there, a property with "*.jsp". i can't remember what exactly was it though.
all if statements works on files ending with extension ".jsp" but don't work only on with extension ".jspf". there must be to do with this.
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>
<servlet-name>ValidateServlet</servlet-name>
<servlet-class>ValidateServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ValidateServlet</servlet-name>
<url-pattern>/ValidateServlet</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>pollAndCometEnabled</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>
main.jsp
</welcome-file>
</welcome-file-list>
</web-app>
if any one can figure it out. i would be grateful.
zaman

Creating a selectable HTML table with Sahrepoint list data dind

Hi All,
I m creating an app for sharepoint2013 , on my app I want to read data from SP list and display on something like HTML table/ grid view.
What I have done is as follows.
<table cellpadding="0" cellspacing="0" border="0" class="display" id="TermList">
                   <thead>
                       <tr>
                                    <th>Start Date</th>
                           <th>End Date</th>
                           <th>Term Type(s)</th>
                           <th>Specialty</th>
                           <th width="12%">Sub Specialty</th>
                       </tr>
                   </thead>
                                        <tbody>
                        </tbody>
</table>
var context = SP.ClientContext.get_current();
var user = context.get_web().get_currentUser();
var Termsitems, web, hostcontext, currentusertitle;
var hosturl;
(function () {
$(document).ready(function () {
    gethostdata();
    getUserName();
    $('#TermList').dataTable(
                    "sScrollY": 200,
                       This will enable jQuery UI theme
                    "bJQueryUI": true,
                       will add the pagination links
                    "sPaginationType": "full_numbers"
    getTermdetails();
function gethostdata() {
    hosturl = decodeURIComponent(getQueryStringParameter("SPHostUrl"));
    context = new SP.ClientContext.get_current();
    hostcontext = new SP.AppContextSite(context, hosturl);
    web = hostcontext.get_web();
    context.load(web, 'Title');
    context.executeQueryAsync(onSiteLoadSuccess, onQueryFailed);
function onSiteLoadSuccess(sender, args) {
    //   alert("site title : " + web.get_title());
function onQueryFailed(sender, args) {
    alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
function getQueryStringParameter(urlParameterKey) {
    var params = document.URL.split('?')[1].split('&');
    var strParams = '';
    for (var i = 0; i < params.length; i = i + 1) {
        var singleParam = params[i].split('=');
        if (singleParam[0] == urlParameterKey)
            return decodeURIComponent(singleParam[1]);
// This function prepares, loads, and then executes a SharePoint query to get the current users information
function getUserName() {
    context.load(user);
    context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
// This function is executed if the above call is successful
// It replaces the contents of the 'message' element with the user name
function onGetUserNameSuccess() {
currentusertitle= user.get_title();
$('#message').text('Hello ' + user.get_title());
// This function is executed if the above call fails
function onGetUserNameFail(sender, args) {
    alert('Failed to get user name. Error:' + args.get_message());
function getTermdetails() {
    var Termlist = web.get_lists().getByTitle("TraineeTermsSPlist");
    context.load(Termlist)
    var camlQuery = new SP.CamlQuery();
    camlQuery.set_viewXml('<View><Query><Where><Eq><FieldRef Name="Title" />' +
                             '<Value Type="Text"> + currentusertitle + </Value></Eq></Where></Query></View>');
    Termsitems = Termlist.getItems(camlQuery);
    context.load(Termsitems);
    context.executeQueryAsync(getTermdetailsQuerySuccsess, getTermdetailsQueryFails)
function getTermdetailsQuerySuccsess(sender, args) {
    var listEnumerator = Termsitems.getEnumerator();
    var datatable = document.getElementById("TermList");
    while (listEnumerator.moveNext()) {
        var oListItem = listEnumerator.get_current();
        var startdate = listEnumerator.get_current().get_item('startdate');
        var enddate = listEnumerator.get_current().get_item('Enddate');
        var termtype = listEnumerator.get_current().get_item('TermType');
        var Specialty = listEnumerator.get_current().get_item('Specialty');
        var Specialty = listEnumerator.get_current().get_item('Subspecialty');
        $("#TermList").append("<tr align='middle' class='gradeA'>" +
                                  "<td align='left'>" + startdate +
"</td>" +
                                  "<td align='left'>" + enddate + "</td>"
+
                                  "<td align='left'>" + termtype + "</td>"
+
                                  "<td align='left'>" + Specialty +
"</td>" +
                                  "<td align='left'>" + Specialty +
"</td>" + "</tr>");
function getTermdetailsQueryFails(sender, args) {
    alert(' Error:' + args.get_message());
Now what I want to do is allow user to select rows on the table. Once they select a row I want to get that selected row and search SP list based on the selected value. Also I would like to make this table with search area to search records.
Can someone please help me to do this, or are there any easy way to do this. Sample code or useful link much appreciate.
Thank you very much.
d.n weerasinghe

Instead of writing in dive each and every time directly,
just have a div in html, and inside the while loop
write and store in the variable like
output += "<li><a href='#' style='display:none'>" + usernames[i] + " </a> "
+ "<table id='results' width='100%'>"
+ "
<tr style='border-bottom:1px silver solid;'>"
+ "
<td style='width:60px;height:70px;' >"
+ "
<img alt=\"profile pic\" src= '" + pictureuri[i] + "' style='width:60px;height:60px;'/>"
+ "
</td>"
+ "
<td >"
+ "
<table style='height:100%'>"
+ "
<tr>"
+ "
<td style='padding-padding-vertical-align:top;height:10px' >"
+ "
<a href='" + personaluri[i] + "' classq='ms-bold ms-subtleLink' style='color: gray; font-size: 12px; font-weight: bold;'>" + tempnames[i] + "</a>"
+ "
</td>"
+ "
</tr>"
+ "
<tr>"
+ "
<td style='padding-vertical-align:top;height:50px;color:#ADAEAD;font-size:14px;' >" + deptNames[i]
+ "
</td>"
+ "
</tr>"
+ "
</table>"
+ "
</td>"
+ "
</tr>"
+ "</table>"
+ "</li>"
and finaly oyutside the loop
$(#div).html(output);

Html tables with javascript pop up windows

I have two tables with different table-id in html, that are as follows -
table-header - consists of dynamic week wise days + resources
table-data in with same nnumbers of columns...
for Img - http://i.stack.imgur.com/Gwvoq.png
The Assign Task is a Button in every cell of table-data , What I need is , whent I click any button, the Pop-up window ( Kendowindow which is I m using right now in Javascript preferably) should display respective Cell row's 1st cell i.e resource's name and Id and cell column's 1st cell i.e. Date string.
Please suggest the solutions.... Help is kindly appreciated.
P.S. -- Please don't suggest Kendo Grid or Scheduler, because I can't able produce this kind of format, If you can do pls share your code and procedure.

This forum is about JavaScript in PDF files, not in HTML pages.

Dynamic HTML elements with JSP?

I need to have a row in a HTML page which contains of a combox and two text fields.
Depending on what I select in the combox I have to insert another row (which contains another combox and two text fields) or I have to remove one or both text fields from the current row.
Is that possible with JSP?
Many thanks

You can certainly accomplish what you're asking for in a jsp. One of the tricks you can use to solve your problem would be to pass variables back into the page using the Get method and catching the values using the request.getParameter() technique. One quick tip, you should wrap any request.getParameter() elements with a try catch, if you try to grab a parameter that hasn't been defined yet (and this is perfectly acceptable) you'll get a null returned.
I hope this helps

Building HTML page with JSP from different applications

          Hi,
          we need to build a HTML page with 2 JSPs. If both JSP were in the same Application
          (Weblogic 8,1) there is no problem. But I have to use JSPs from differents web
          applications, each JSP is in different war files.
          How can I compose this page? How can I management the request object?
          thanks


Your program print the whole jsp source code??
This is your web server configuration problem.
Your web server handle your jsp page like text file only.

HTML-FRAMES with jsp as sorce

Hi,
I use a HTML with 5 FRAMES, 2 of them with jsp-files as src.
How can I pass data to these jsp-files before the servlet calls the HTML?
Is this possible at all?
Thanks a lot

you can reference and set hidden input values inside another frame by referencing them in javascript function. afterwards, submit the form ...
function submitInfo() {
top.frames["frameName"].document ... // branch for NS and IE
document.forms["currentForm"].submit();
}

Spry data set and html table with multiple images

I use "Spry Data Set" in my Dreamweaver CS4 site. I need to make one html file (a product page) and all the product data comes from a separate html table.
So, I have a html table that contains the product data and the images. Each row is one product.
Column 1 contains a product name
Column 2 contains product information
Column 3 contains products thumbnail image 1
Column 4 contains products thumbnail image 2
Column 5 contains products large image 1
Column 6 contains products large image 2
This a simple example of the idea. In reality, there is lot more content.
So the actual question is that:
How can I show in the product page all the thumbnail images, but only one large picture at a time?
And when the thumbnail is clicked the large picture changes accordingly.

It depend entirely on what you want.
One way would be to show a shadow box as per http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=shadowbox&search_exchange=&num =25&startnum=1&event=search&sort=0&interim_dummy_tmpfield=&Submit= or http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=lightbox&search_exchange=&sear ch_license=&search_rating=&search_pubdate=&Submit=Search&num=10&startnum=1&event=search&so rt=0&dummy_tmpfield=
Another way is to have a master/detail area where the large image appears after clicking in the master area like this http://labs.adobe.com/technologies/spry/demos/products/index.html
You could also use tooltips as in http://labs.adobe.com/technologies/spry/samples/data_region/TooltipwithData.html.
There are many more ways, but you need to make the desicion based on the layout of your page.
Gramps

HTML Table with alternative row color, Using SQL XML

Hi,
I want to send out an email and the email body contains a table with data. I am using SQL to create the HTML table and to populate values inside the table. Below is the code I have so far
DECLARE
@HTML NVARCHAR(MAX)
IF (SELECT
COUNT(*)
from Employee])
!= 0
Begin
SET
@HTML =
'<html><style>
tr:nth-of-type(even) {
background-color:#ccc;
</style><body><h1 style="font-family:Tahoma; font-size:12px;">Hi,</h1>'
+
'Below is the report'+
'<br></br>'+
'<table border="1" width="100%" style="border:1px solid #77bfe4;font-family:Tahoma; font-weight:normal; font-size:12px;" cellpadding="4" cellspacing="0">'
+
'<tr bgcolor="yellow" style="font-family:Tahoma; font-weight:bold; font-size:12px;"><td colspan="2"><center>Report</center></td></tr>'+
'<tr bgcolor="Blue" style="font-family:Tahoma; font-weight:bold; font-size:12px;"><td><center>Col1</center></td><td><center>col2</center></td></tr>'
+
CAST((
Select
td =
col1, '',
td
= col2
, '' from
(Select ID as col1, Emp as Col2
from
Employee) E
FOR XML
PATH('tr'),
TYPE
AS NVARCHAR(MAX))
+ '</table><br>Thank you</br></body></html>'
END
select
ISNULL(@HTML,'NoEmail')
But I am having trouble generating alternative colors for each row (tr:nth-of-type(odd) is not working for me)
Below is what the table should look like
Please help.
Thank you for your help in advance.

Thank you for the response, I got the code to work.
DECLARE @HTML NVARCHAR(MAX) ;
IF (SELECT COUNT(*) from Employee]) != 0
Begin
SET @HTML = '<h1 style="font-family:Tahoma; font-size:12px;">Hi,</h1>' +
'Below is the report'+
'<br></br>'+
'<table border="1" width="100%" style="border:1px solid #77bfe4;font-family:Tahoma; font-weight:normal; font-size:12px;" cellpadding="4" cellspacing="0">' +
'<tr bgcolor="yellow" style="font-family:Tahoma; font-weight:bold; font-size:12px;"><td colspan="2"><center>Report</center></td></tr>'+
'<tr bgcolor="Blue" style="font-family:Tahoma; font-weight:bold; font-size:12px;"><td><center>Col1</center></td><td><center>col2</center></td></tr>' +
CAST(( SELECT CASE when (ROW_NUMBER() over (Order by Col1 DESC))%2 = 0 then '#E0E0E0' else 'white' END as "@bgcolor", '',
td = col1, '',
td = col2 , '' from
(Select ID as col1, Emp as Col2
from Employee) E
FOR XML PATH('tr'), TYPE
) AS NVARCHAR(MAX)) + '</table><br>Thank you</br></body></html>'
END
select ISNULL(@HTML,'NoEmail')

How to convert html table with all its css properties into excel , by javascript or jQuery

hi,
<script type="text/javascript">
//working java script
function CreateExcelSheet()
var x = Table1.rows
var xls = new ActiveXObject("Excel.Application")
xls.Workbooks.Add
for (i = 0; i < x.length; i++) {
var y = x[i].cells
for (j = 0; j < y.length; j++) {
xls.Cells(i + 1, j + 1).Value = y[j].innerText
} xls.visible = true
function write_to_excel()
str = "";
debugger;
var mytable = document.getElementsByTagName("table")[0];
var rowCount = mytable.rows.length;
var colCount = mytable.getElementsByTagName("tr")[0].getElementsByTagName("td").length;
var ExcelApp = new ActiveXObject("Excel.Application");
var ExcelSheet = new ActiveXObject("Excel.Sheet");
debugger;
ExcelSheet.Application.Visible = true;
for (var i = 0; i < rowCount; i++)
for (var j = 0; j < colCount; j++)
str = mytable.getElementsByTagName("tr")[i].getElementsByTagName("td")[j].innerText;
ExcelSheet.ActiveSheet.Cells(i + 1, j + 1).Value = str;
//new funtion
function ExportToExcel(mytblId) {
debugger;
var htmltable = document.getElementById('Table1');
var html = htmltable.innerHTML;
window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));
//new funtion 2
function write_to_excel2() {
str = "";
debugger;
var mytable = document.getElementById("Table1");
var rowCount = mytable.rows.length;
var colCount = mytable.getElementsByTagName("tr")[0].getElementsByTagName("th").length;
var ExcelApp = new ActiveXObject("Excel.Application");
var ExcelSheet = new ActiveXObject("Excel.Sheet");
//ExcelSheet.Application.Visible = true;
for (var i = 0; i < rowCount; i++)
for (var j = 0; j < colCount; j++)
debugger;
// if (i == 0) {
// str = mytable.getElementsByTagName("tr")[i].getElementsByTagName("th")[j].innerText;
str = mytable.getElementsByTagName("tr")[i].getElementsByTagName("td")[j].innerText;
ExcelSheet.ActiveSheet.Cells(i + 1, j + 1).Value = str;
ExcelSheet.autofit;
ExcelSheet.Application.Visible = true;
DisplayAlerts = true;
CollectGarbage();
//csss
function excelExportHtml(Table1, css1)
debugger;
if (css1) {
var styles = [];
//grab all styles defined on the page
$("style").each(function(index, domEle) {
styles.push($(domEle).html());
//grab all styles referenced by stylesheet links on the page
var ajaxCalls = [];
$("[rel=stylesheet]").each(function() {
ajaxCalls.push($.get(this.href, '', function(data) {
styles.push(data);
return $.when.apply(null, ajaxCalls)
.then(function() {
return "<html><style type='text/css'>" + styles.join("\n") + "</style>\n" + table.outerHTML + "</html>";
else {
return $.when({ owcHtml: Table1.outerHTML })
.then(function(result) {
return "<html>" + result.owcHtml + "</html>";
//new
function ExportToExcel() {
$(document).ready(function() {
$("#btnExport").click(function(e) {
window.open('data:application/vnd.ms-excel,' + $('#Table1').html());
alert("jhhklhhklhklh");
//new
$(document).ready(function() {
debugger;
$("[id$=myButtonControlID]").click(function(e) {
window.open('data:application/vnd.ms-excel,' + $('div[id$=divTableDataHolder]').html());
e.preventDefault();
alert("k");
function excel()
{debugger;
var tableToExcel = (function() {
var uri = 'data:application/vnd.ms-excel;base64,'
, template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head></head><body><table>{table}</table></body></html>'
, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
return function(table, name) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }
window.location.href = uri + base64(format(template, ctx))
</script>
i have tried all the above java script and jquery to convert an html table to excel, data are exporting correctly but i want that css of the table should also implent to excel thats not happening,even the property defined inside td and tr aare not implementing
in excel

Hi avinashk89,
Welcome to post in MSDN forums.
This is not the right forum for your question. Please post in
ASP.NET forums where you could get better support.
Thanks for your understanding.
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Converting an html file with jsp contents to a text file for download

Hi guys,
I'm currently having troubles with downloading a .jsp file to a doc file.
The thing is i am able to download the desired file and make it as a .doc but when i open it with ms word 2007 i can only see the content of the html. The dynamic content generated from the database and reflected on the .jsp page that i suppose to download and convert to .doc file doesn't show.. I hope someone could help me... My servlet code is this:
public class FileDownload extends HttpServlet
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
try
String originalFileName="localhost:8080//Appsdev//reportresults1.jsp";
File f=new File(originalFileName);
System.out.println("THE 1st f:"+f);
response.setContentType("application/octet-stream");
response.setHeader("Content-Disposition", "attachment; filename=tryreport.doc;");
response.setHeader("Cache-Control", "max-age=0");
byte[] buf = new byte[1024];
FileInputStream inStream = new FileInputStream(f);
OutputStream outStream = response.getOutputStream();
int sizeRead = 0;
int size = 0;
while ((sizeRead = inStream.read(buf, 0, buf.length)) != -1)
outStream.write(buf, 0, sizeRead);
size += sizeRead;
inStream.close();
outStream.close();
catch(Exception e)
e.printStackTrace();
}

Hi BalusC,
sorry for the double post i'm newly registered and it's my first post before i was just reading other's threads.
well last night while i was reading and researching for a solution a came across this.
<%@ page language="java" contentType="application/msword"%> naturally for my other jsp pages, the contentType is text/html so when the page loads it display in the browser. But with application/msword when i direct the page to the jsp page that i want to download and set the contentType with that...it prompts a window like when you're downloading the one with the <open with and save as>. It works fine to, i was able to see the report that i have to download and it is formatted very much like what i am seeing on the browser. My only concern now is the file i am able to download is a .jsp file how could i change that to a .doc file and be able to see the same content like the one with the .jsp file that i have right now.... any help or examples would be greatly appreciated. I didn't use the servlet anymore because even though i am able to download there is no content the html parts only but iam able to change the extension for the file...thanks again! ^ ^

Sending a html email with jsp

is it possible to send an email with html content and how do i do that

Try this
<%@ page import="sun.net.smtp.SmtpClient,java.io.PrintStream" %>
<%
try{
String host = "IP"; //this is u r IP adress
String from = "[email protected]"; //mail adress of sender
String to = "[email protected]"; //mail address whom to
SmtpClient smtp = new SmtpClient(host);
smtp.from(from);
smtp.to(to);
PrintStream out1 = smtp.startMessage();
out1.println("To: " + to);
out1.println("Subject: Hello peter ");
out1.println();
out1.println("Hi Peter How r u doing ");
out1.flush();
out1.close();
smtp.closeServer();
catch(Exception e)
out.println(e+e.getMessage());
%>

Sort a HTML table with JSP

Similar Messages

Maybe you are looking for