导航:首页 > 编程语言 > jsp表格显示内容时调用function
jsp表格显示内容时调用function
发布时间：2025-07-18 01:38:23『壹』 jsp页面点击下载，弹出新窗口出现下载控件，具体下载内容是数据库中的一个字段，下载文件为一个excel文件
也不想根据你的具体情况进行修改了，你自己看看我曾经写过的这个js方法把，如果有不完美的地方自己修改一下把。使用下面方法前提是电脑中安装了office
/**
* 25、将table中的数据导出到excel中
* @param tableId 表的id
* @return 无返回，方法中自动处理
*/
function outTableToExcel(tableId){
try{
var xls = new ActiveXObject( "Excel.Application" );
}catch(e){
alert( "要使用该功能，您必须安装Excel电子表格软件，并将电子税务局网站添加为信任站点！\n"+
"添加方法：点击浏览器上面的【工具】--点击【Internet选项】--点击【安全】--点击【可信站点】--点击【站点】--输入或确认一下网址最后点击【添加】");
return false;
}
xls.visible = true;
var xlBook = xls.Workbooks.Add;
var xlsheet = xlBook.Worksheets(1);
//xlsheet.SaveAs("D:\\TEST.XLS");//保存到哪里
var x = 1;
var y = 1;
var objTab=document.getElementById(tableId);
for (var i = 0; i < objTab.rows.length; i++){
y = 1;
for (var j = 0; j < objTab.rows[i].cells.length; j++){
var cellValue="";
var tdcon=objTab.rows[i].cells[j];
if($(tdcon).find("select").length > 0){
//如果是下拉列表的话只得到选中的项显示的值
var selectOb=$(tdcon).find("select").get(0);
cellValue = selectOb.options[selectOb.selectedIndex].innerHTML;
}else if($(tdcon).find("input").length > 0){
for(var k=0;k<$(tdcon).find("input").length;k++){
if($(tdcon).find("input").get(k).type != "hidden" && $(tdcon).find("input").get(k).type != "checkbox" &&
$(tdcon).find("input").get(k).type != "radio"){
//如果是文本框，则只得到文本框内的值
cellValue = $(tdcon).find("input").get(k).value;
}else if($(tdcon).find("input").get(k).type != "hidden"){
cellValue = "无效列";
}
}
}else{
var yszfc = tdcon.innerHTML;
var bqsl=yszfc.split("</").length;
for(var yszfcIndex=1;yszfcIndex<bqsl;yszfcIndex++){
var ksbqWz=yszfc.indexOf("<");
var ksbqJsWz=yszfc.indexOf(">");
var jsbqWz=yszfc.lastIndexOf("</");
var jsbqJsWz=yszfc.lastIndexOf(">");
var yszfc1=yszfc.substring(ksbqWz,ksbqJsWz+1);
var yszfc2=yszfc.substring(jsbqWz,jsbqJsWz+1);
yszfc=yszfc.replace(yszfc1, "");
yszfc=yszfc.replace(yszfc2, "");
}
cellValue=yszfc;
}
xlsheet.Columns(y).NumberFormatLocal= "@";
xlsheet.Cells(x, y).Value = cellValue;
xlsheet.Cells(x, y).Borders.LineStyle = 1;
y++;
}
x++;
}
xlsheet.Columns.AutoFit; //自动适应大小
return;
}
『贰』 jsp table的局部刷新
jsp中的table局部刷新就通过ajax异步刷新数据数显的。
jsp中ajax的写法：
function update (){
$.ajax(function(){
method:"post",
url:"DeleteAction",
data:xxxxx,
success: function(return) {
$("#tabelData").html(return);
}
});
}
jsp中table：
<table>
<tr>
<td>第一行版</td>
<td><a onclick="updata()">更新</a></td>
</tr>
<table>
实现过程：点击表格的某权一行数据，就触发更新动作，执行update方法。
update中调用ajax接口去后台取数据并刷新之前的记录。
『叁』 用JSP动态生成表格
用JS生成：
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function toTable(){
var rows = document.getElementById("txtRow").value;
var cols = document.getElementById("txtCol").value;
var textHTML = '<table cellpadding="0" cellspacing="0" border="1" width="100%">';
for(var i=0; i<rows; i++){
textHTML += '<tr align="center" height="30">';
for(var j=0; j<cols; j++){
textHTML += "<td>[" + (i+1) + "] | [" + (j+1) + "]</td>";
}
}
textHTML += "</table>";
document.getElementById("testTable").innerHTML = textHTML;
}
</script>
</head>
<body onload="toTable();">
行：<input type="text" name="txtRow" value="3" style="width: 50px;"/>
列：<input type="text" name="txtCol" value="3" style="width: 50px;"/>
<input type="button" name="btnGo" value="生成" onclick="toTable();"/>
<br />
<div id="testTable">
</div>
</body>
</html>
----------------------------------------------------------
用JAVA代码：
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
<table cellpadding="0" cellspacing="0" border="1" width="100%">
<%
int rows = 3; // 多少行
int cols = 3; // 多少列
for(int i = 0; i < rows; i++ ){
%>
<tr align="center" height="30">
<%
for(int j = 0; j < cols; j++ ){
%>
<td>[<%=i+1 %>] | [<%=j+1 %>]</td>
<%
}
}
%>
</table>
</div>
</body>
</html>
『肆』 我要把js中获取到的列表在jsp页面上以表格的形式展示,怎么实现,求给个例子
<script type="text/javascript">
function bringToExcel(){
var pasteText="全部统计表 ";
pasteText=pasteText+document.all.ExcelBiao.innerHTML;
window.clipboardData.setData ("Text", pasteText);
var oXL = new ActiveXObject("Excel.Application");
oXL.Visible = true;
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
oSheet.Paste();
oXL.Visible = true;
oXL.UserControl = true;
}
//导出word
function OpenWord2(){
ExcelSheet = new ActiveXObject('Word.Application');
ExcelSheet.Application.Visible = true;
var mydoc=ExcelSheet.Documents.Add('',0,0);
myRange =mydoc.Range(0,1);
myRange =mydoc.Range(myRange.End-1,myRange.End);//设定起始点
var sel=document.body.createTextRange();
sel.moveToElementText(AoutWord);//设置要导出的表格名称
sel.select();
document.execCommand('Copy');
sel.moveEnd('character');
myRange.Paste();
myRange =mydoc.Range(myRange.End-1,myRange.End);
myRange.InsertAfter("\n");
ExcelSheet.ActiveWindow.View.TableGridlines = false;
}
</script>
『伍』 如何在JSP中实现表格颜色交替出现
哈哈，帮你解决了问题，而且还要感谢你，我学会了CSS中的expression
解决方法如下：
<style>
td,th{
background:expression((this.parentNode.rowIndex)%2==0?"#3DB7CC":"#B3F4FF");
}
</style>
在<head>...</head>加上这段代码，就可以适用任何网页，其中#......是颜色的代码，可以随意搭配，顺便给你截张图
祝咱俩都学习进步！
与jsp表格显示内容时调用function相关的资料
- jsp怎么添加一个文本框
- 360随身wifi驱动程序注册码
- 小米2调试模式代码
- flash子弹发射的代码
- jsp表格显示内容时调用function
- nettyjsondecoder
- java编码解析解析
- java生成唯一码
- 西安程序员召聘
- java调用class类
- 苹果平板代码
- 高德坐标系转换java
- 图片压缩代码c
- javautc时间戳
- java编写乘法口诀表
- 计算机随机数java
- c语言小游戏源代码gcc
- javaee创业
- jsud83d
- jsp怎么显示密码判断正确
- 多个程序监听一个端口号
- formjson对象
- ie7jsie8js下载
- qq黑客及黑客程序
- 关机显示应用程序错误
- js实现日期格式化
- 微信发布小程序
- java循环hashtable
- 淘宝网店分类代码
- 支付宝小程序文档
- java猜数字游戏实训总结
- javaparcelable
- jscriptnet
- javascript取日期
- 频率检测程序
- js在当前页面刷新
- nodejs浏览器兼容性
- 打印驱动程序怎么安装
- jsp文本域实例
- jsfoutputlink
- js循环获取最大值
- 照片3d建模源代码