js实现排序

最新推荐文章于 2023-06-01 18:21:08 发布
最新推荐文章于 2023-06-01 18:21:08 发布
阅读量431 收藏
点赞数
分类专栏： enm系统 文章标签： CSS JavaScript Webwork HTML ViewUI 
<%@ 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>
 
brucezhou2013
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript排序函数实现数字排序
10-24
主要介绍了javascript排序函数实现数字排序的相关资料,附上示例，需要的朋友可以参考下
js的五种排序方法
weixin_46224014的博客
11-09 4万+
1.冒泡排序 说明: 比较所有相邻元素,如果第一个比第二个大，则交换它们 一轮下来保证可以找到一个数是最大的 执行n-1轮，就可以完成排序 图示： ** 代码： //定义一个原生的bubbleSort方法 Array.prototype.bubbleSort = function () { for(let i = 0; i < this.length - 1; i += 1) { //通过 this.length 次把第一位放到最后,完成排序 //-i是因为
js数组排序的六种方法
热门推荐
下雨打伞干嘛的博客
08-12 4万+
js数组排序的六种方法
JS的几种排序方式
xch____的博客
04-12 1万+
1、冒泡排序 var a = [1, 3, 6, 3, 23, 76, 1, 34, 222, 6, 456, 221]; function bubbleSort(array) { const len = array.length if (len < 2) return array for (let i = 0; i < len; i++) { for (let j = 0; j < i; j++) { if (array[j] > a
JS实现各种常用排序
果冻
02-23 4921
一、插入排序 插入排序有直接插入排序，折半插入排序，希尔排序，这里只实现常用的直接插入排序 直接插入排序 思想 将左侧序列看成一个有序序列，每次将一个数字插入该有序序列。 插入时，从有序序列最右侧开始比较，若比较的数较大，后移一位。 function insertSort(array) { //第一个默认已经排好 for (let i = 1; i < array.length; i++) { let target = i; for (..
js 对 list 排序方法及 排序方式的说明及举例
YHLSunshine的博客
06-01 1697
js 对 list 排序方法及 排序方式的说明及举例
JavaScript实现表格排序方法
10-27
JavaScript实现表格排序方法，需要的朋友可以参考一下
javascript 实现排序分类功能
11-05
javascript 实现排序分类功能, 冒泡排序, 快速排序等等
js实现列表按字母排序
01-21
本文实例为大家分享了js实现列表按字母排序的具体代码，供大家参考，具体内容如下 知识点 1[removed]：返回元素父节点的属性 2.insertBefore()方法 insertBefore() 方法可在已有的子节点前插入一个新的子节点。 ...
javascript实现排序
05-09
用javascript实现排序，详细说明了每一种排序算法的排序思想以及详细的源代码
js时间排序
weixin_47031868的博客
06-06 2966
js时间排序
JS对List集合进行排序
cucaonansheng的博客
11-02 1万+
JS对List集合进行排序使用自带sort对对象某一字段排序使用冒泡排序： 使用自带sort对对象某一字段排序 var list = [1,44,2,4,77,3,6,2]; // 打印排序前集合 console.log("排序前：" + list); // 调用sort方法 list .sort(function(a,b){ return b-a;// 降序，升序则反之 }); // 打印排序...
js实现排序的三种方法
Teamig的博客
12-02 2750
js实现排序的三种方法 一：冒牌排序1思想：冒泡排序思想：每一次对比相邻两个数据的大小，小的排在前面，如果前面的数据比后面的大就交换这两个数的位置 要实现上述规则需要用到两层for循环，外层从第一个数到倒数第二个数，内层从外层的后面一个数到最后一个数 2特点：排序算法的基础。简单实用易于理解，缺点是比较次数多，效率较低。 var arr=[2,5,4,1,7,3,8,6,9,0]; ...
JavaScript的五种排序方法
知之为知之，不知为不知
04-19 1689
JavaScript的五种排序方法，冒泡排序、选择排序、插入排序、归并排序、快速排序
js 常用排序算法
weixin_45730243的博客
05-08 2469
选择排序是一种简单易懂的排序算法。它的基本思想是遍历整个列表，每次找出最小的元素，并且将它移到列表的最左边，重复这个过程直到整个列表都有序排列。在平均情况下，选择排序的时间复杂度为 O(n^2)，在最坏情况下与最好情况下都为 O(n^2)。选择排序在数据规模较小时非常适用，在数据规模较大时不够高效。插入排序是一种简单而直观的排序算法，它可以快速地对部分有序的数组进行排序。插入排序通过比较相邻的元素并在需要时将其交换，来实现从小到大的排列。
list 排序_JavaScript排序算法实现
weixin_39663360的博客
12-03 775
本文介绍一下快速排序、归并排序、冒泡排序的JS实现。一、快速排序思想：分治法选定基数，将数组按照大小归到基数左右两边；对第一步基数两边的子数组，递归执行第一步。function 二、归并排序思想：（分治法）将两个有序数组合并成一个大的有序数组，只需要不断地将两个列表中的排头元素中较小（升序，降序则是较大）的一个取出放到新数组，不断重复此过程直到两个原数组中的数都被取完。对于每一个数组，首先划分为长...
js排序的5种方式
WJXYCWCXY的博客
08-28 1449
js 排序
C# 希尔排序
ayygzpm717040的博客
08-19 164
引用：对于大规模乱序数组插入排序很慢，因为它只会交换相邻的元素，因此元素只能一点一点的从数组的一端移动到另一端。例如，如果主键最小的元素正好在数组的尽头，要将它挪到正确的位置就需要N-1次移动。希尔排序为了加快速度简单的改进了插入排序，交换不相邻的元素以对数组的局部进行排序，并最终用插入排序将局部有序的数组排序。 int[] sort = new int[1...
JS数组对象——根据日期进行排序Date.parse()，按照时间进行升序或降序排序localeCompare()
XSL_HR的博客
01-06 1万+
排序在后台管理系统对于数据的处理中用得非常多。本期文章重点介绍根据日期排序和根据时间两种排序方法。将用到JavaScript的Date.parse()和localeCompare()方法。
javascript 实现表格排序
最新发布
02-06
要实现JavaScript表格排序，可以使用JavaScript的Array对象和...总之，JavaScript实现表格排序就是通过利用数组和DOM操作，监听表头的点击事件，调用排序函数，重新排列表格的行，通过这种方式来实现表格的排序功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值