<%@ page contentType="text/html; charset=utf-8" language="java" errorPage="" %>
<%@ taglib prefix="ww" uri="/webwork"%>
<html>
<head>
<title>DMC文檔操作日誌清單</title>
<STYLE type=text/css>
.listDataTable {
FONT-SIZE: 15px;
}
.listTableHead {
FONT-WEIGHT: bold; CURSOR: hand;
}
.onMouseOnTr {
CURSOR: default; COLOR: #ffffff; BACKGROUND-COLOR: #006699
}
.listTableHeadO {
FONT-WEIGHT: bold; CURSOR: s-resize; COLOR: #ffffff; BACKGROUND-COLOR: #006699
}
.listHeadClicked {
FONT-WEIGHT: bold; CURSOR: n-resize; COLOR: #ffffff; BACKGROUND-COLOR: #990033
}
.listHeadClicked0 {
FONT-WEIGHT: bold; CURSOR: s-resize; COLOR: #ffffff; BACKGROUND-COLOR: #990033
}
</STYLE>
<script language="javascript">
<!--
function printT(){
Prnt.style.display='None';
backh.style.display='None';
window.print();
}
function JM_PowerList(colNum)
{
document.getElementById("tbMsg").style.visibility="visible";
headEventObject=event.srcElement;
while(headEventObject.tagName!="TR")
{
headEventObject = headEventObject.parentElement;
}
for (i=0;i<headEventObject.children.length;i++)
{
if (headEventObject.children[i]!=event.srcElement)
{
headEventObject.children[i].className='listTableHead';
}
}
var tableRows=0;
trObject=DataTable.children[0].children;
for (i=0;i<trObject.length;i++)
{
tableRows=(trObject[i].id=='ignore')?tableRows:tableRows+1;
}
if(tableRows>0){
var trinnerHTML=new Array(tableRows);
var tdinnerHTML=new Array(tableRows);
var tdNumber=new Array(tableRows);
var i0=0;
var i1=0;
var a = 0;
var b = 0;
for (i=0;i<trObject.length;i++)
{
if (trObject[i].id!='ignore')
{
trinnerHTML[i0]=trObject[i].innerHTML;
tdinnerHTML[i0]=trObject[i].children[colNum].innerHTML;
tdNumber[i0]=i;
i0++;
}
}
sourceHTML=clearStart.children[0].outerHTML;
for (bi=0;bi<tableRows;bi++)
{
for (i=0;i<tableRows;i++)
{
if (colNum == 20 ) //增加需要進行數字比較的字段
{
a = eval(tdinnerHTML[i]);
b = eval(tdinnerHTML[i+1]);
}
else
{
a = tdinnerHTML[i];
b = tdinnerHTML[i+1];
}
if(a > b )
{
t_s=tdNumber[i+1];
t_b=tdNumber[i];
tdNumber[i+1]=t_b;
tdNumber[i]=t_s;
temp_small=tdinnerHTML[i+1];
temp_big=tdinnerHTML[i];
tdinnerHTML[i+1]=temp_big;
tdinnerHTML[i]=temp_small;
}
}
}
var showshow='';
var numshow='';
for (i=0;i<tableRows;i++)
{
showshow = showshow + tdinnerHTML[i]+'\n';
numshow = numshow + tdNumber[i]+'|';
}
sourceHTML_head = sourceHTML.split("<TBODY>");
numshow = numshow.split("|");
var trRebuildHTML='';
if (event.srcElement.className == 'listHeadClicked')
{
for (i=0;i<tableRows;i++)
{
trRebuildHTML=trRebuildHTML+trObject[numshow[tableRows-1-i]].outerHTML;
}
event.srcElement.className='listHeadClicked0';
}
else
{
for (i=0;i<tableRows;i++)
{
trRebuildHTML=trRebuildHTML+trObject[numshow[i]].outerHTML;
}
event.srcElement.className='listHeadClicked';
}
var DataRebuildTable='';
DataRebuildTable=sourceHTML_head[0]+trObject[0].outerHTML+trRebuildHTML+'</TABLE>';
clearStart.innerHTML='';
clearStart.innerHTML=DataRebuildTable;
document.getElementById("tbMsg").style.visibility="hidden";
var obj = document.all("index");
for (var i = 0; i < obj.length; i++)
{
obj[i].innerHTML = (i + 1);
}
}
}
-->
</script>
<link REL="stylesheet" TYPE="text/css" HREF="../css/style.css">
<STYLE type=text/css>BODY {
MARGIN: 0px
}
#all TD {
FONT-SIZE: 12px; LINE-HEIGHT: 15px;
}
.xr td
{
font-size: 12px;
font-weight: bold;
text-align: center;
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=100, FinishX=0, FinishY=0);
}
</STYLE>
</head>
<body>
<div align="center">
<br>
<p><font color="#FF0000" size="5"><strong>DMC文檔操作日誌清單</strong></font></p>
<table width="90%" border="0" cellspacing="0" bgcolor="#FFFFFF" >
<tr>
<td bgcolor="#FFFFFF"> <font color='#FF0000'></font> <font color="#FF0000"></font></td>
<td bgcolor="#FFFFFF" align="right"> <img id="backh" src="../images/style_01/view.gif" border="0" alt="返回查詢" style="cursor:hand " onClick="javascript:history.back();"> <a href="#" onClick="javascript:printT();"><img id="Prnt" src="../images/style_01/print.gif" width="13" height="14" border="0" alt="打印"></a> </td>
</tr>
<tr><td colspan="2">
<div style="position:absolute; height:60px;width:150px;z-index:1;left:300px;top:200px;background:#C7F472;visibility:hidden" id="tbMsg">
<img src="../images/style_01/loading.gif" align="absmiddle"><br> <span>數據排序中，请稍候...</span></div>
</td></tr>
</table>
<TABLE width="100%" border="0" cellspacing="0">
<TBODY>
<TR>
<TD id="clearStart" colspan="2">
<TABLE id="DataTable" width="90%" border='1' cellspacing="0" bordercolor="#6B8EC6" style="border-collapse:collapse;" class="td8" align="center">
<TBODY>
<TR id="ignore" bgcolor="#9CB6DE" class="xr">
<td width="5%" height="24" style="cursor:default">序號</td>
<td width="9%" onClick="JM_PowerList(1)" style="cursor:s-resize;" title="單擊可排序">文件編號</td>
<td width="14%" style="cursor:default">文件名稱</td>
<td width="8%" onClick="JM_PowerList(3)" style="cursor:s-resize;" title="單擊可排序">密級</td>
<td width="8%" style="cursor:default">版本</td>
<td width="8%" style="cursor:default">狀態</td>
<td width="10%" onClick="JM_PowerList(6)" style="cursor:s-resize;" title="單擊可排序">操作用戶</td>
<td width="10%" style="cursor:default">操作動作</td>
<td width="14%" onClick="JM_PowerList(8)" style="cursor:s-resize;" title="單擊可排序">操作時間</td>
</TR>
<%int index=0; %>
<ww:iterator value="#request['doclogList']" id="doclogList" status="index">
<TR <%if((index++)%2==0){out.print("bgcolor='#FFFFFF'");}else{out.print("bgcolor='#F7F7F7'");} %>>
<td height="24" align="center"><label id="index"><%=index%></label></td>
<td align="center"><ww:property value="#doclogList.docNo"/></td>
<td align="center"><ww:property value="#doclogList.docName"/></td>
<td align="center"><ww:property value="#doclogList.docLevel"/></td>
<td align="center"><ww:property value="#doclogList.docVersion"/></td>
<td align="center"><ww:property value="#doclogList.docApproveStatus"/></td>
<td align="center"><ww:property value="#doclogList.operateUser"/></td>
<td align="center"><ww:property value="#doclogList.operateAction"/></td>
<td align="center"><ww:property value="(#doclogList.operateTime).substring(0,19)"/></td>
</TR>
</ww:iterator>
<%if(index==0){out.println("<TR id=\"ignore\"><td colspan=\"9\" align=\"center\"><font color=\"red\">沒有符合條件的記錄</font></td></TR>");}%>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
<br><br><br>
</div>
</body>
</html>
分享到：
相关推荐
二叉排序树的建立基于JavaScript实现排序二叉树源码.zip基于JavaScript实现排序二叉树源码.zip基于JavaScript实现排序二叉树源码.zip基于JavaScript实现排序二叉树源码.zip基于JavaScript实现排序二叉树源码.zip
javascript 实现排序分类功能, 冒泡排序, 快速排序等等
本文将详细讲解如何使用JavaScript实现排序，包括基础的数组排序方法和自定义排序规则。 首先，JavaScript提供了内置的`Array.prototype.sort()`方法来对数组进行排序。这个方法会按照字典顺序（即Unicode编码顺序...
使用JavaScript实现排序算法动画的演示
冒泡排序是一种简单的排序方法，通过重复遍历待排序的数组，比较相邻元素并交换位置来实现排序。JavaScript实现冒泡排序的关键在于两层循环结构，外层控制遍历次数，内层用于比较和交换。 2. 插入排序（Insertion ...
用javascript实现排序，详细说明了每一种排序算法的排序思想以及详细的源代码
为了实现排序，我们需要对表格中的数据进行处理。这里主要涉及两种方法：一种是原地排序，另一种是创建新的表格数据。 1. **原地排序**： 在原地排序中，我们不改变表格的DOM结构，而是直接修改表格数据的顺序。这...
用js实现的一些排序，如：冒泡排序,插入排序, 快速排序, 希尔排序等，希望能帮助到一些需要的朋友！
- 为了实现排序，可以遍历容器内的所有元素，比较它们与被拖动元素的相对位置，将被拖动元素插入到合适的位置，从而实现排序。 - 可以使用数组的`splice()`方法来实现元素的插入和删除，保持DOM结构与数据数组的...
`js`文件很可能是实现排序功能的JavaScript代码，而`.htm`文件则包含了HTML结构和可能的内联JavaScript代码。通过这两个文件，我们可以看到实际的实现方式和具体的样式定义。 总结来说，"js排序表格，实现按列排序...
JavaScript是实现排序的核心语言。它提供了对DOM（文档对象模型）的操作，允许我们动态地修改页面内容。在本例中，我们可能需要获取表格元素，遍历其行和列，以及添加事件监听器来响应用户的排序请求。 3. **排序...
在JavaScript中，树数据结构可用于实现各种功能，如表示文件系统、实现内存数据库或构建高效的搜索结构。 **两指针技术**： 两指针技术常用于处理数组问题，其中一个指针从数组的一端开始，另一个从另一端开始，...
js实现中英文混合排序，支持所有浏览器，包括谷歌
这篇教程将详细介绍如何使用JavaScript实现这一功能，让使用者可以点击表头来轻松切换升序或降序排列。 首先，我们需要一个基本的HTML结构，包含一个表格以及用于排序的表头。例如： ```html <!DOCTYPE html> ...
在本主题中，我们将深入探讨如何利用jQuery和JavaScript实现拖拽排序功能，适用于列表、菜单和表格等元素。 一、拖拽排序基础概念 拖拽排序是一种用户交互设计，允许用户通过鼠标拖动来改变元素的顺序。这种功能在...
js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js排序算法动态显示js...
JavaScript表格排序大全是一个涵盖多种JS表格排序实现方法的资源集合，旨在帮助开发者快速实现动态、交互式的表格数据排序功能。在网页开发中，表格是一种常用的数据展示方式，而JavaScript能够为表格提供强大的交互...
为了实现排序，我们需要为表格的表头（`<th>`）添加点击事件监听器，以便在用户点击时触发排序操作。 以下是一个基本的表格结构示例： ```html (0)">姓名 (1)">年龄 (2)">城市 <tr><td>张三</td>...