怎么使用js控制按价格排序

JavaScript030

怎么使用js控制按价格排序,第1张

创建界面:

部分代码:

</td>

<c:if test="${null != msg}">${msg }</c:if>

商品类别 : <select name="category_id">

<option value="0">请选择</option>

<c:forEach items="${DbEnum.Category.Cate.desc}" var="mp">

<option value="${mp.key }">${mp.value }</option>

</c:forEach>

</select>

</td>

<td class="ta_01" align="right">

<input id="BT_Add" type="button" value="查询" name="query"

onclick="gotoquery('<c:url value="/product/listproduct.action"/>?uid=${sessionScope.user.id}&sort=price')">  

</td>

</tr>

2

jsp:

点击【安照价格排序】的js:

<input type="button" value="按价格" name="score" id="bypic" onclick="bypicord()">  

<input type="hidden" value="desc" id="ordercon">

3

js:

<script type="text/javascript">

function bypicord(){

var reorder = $("#ordercon").val()

if("desc" == reorder){

$("#ordercon").val("asc")

var url = "<%=path %>/product/listproduct.action?uid="+${sessionScope.user.id}+"&sort=price&ten=Y&FROMBUS=Y&order=asc"

排序的话,如果是表格,看下面的例子:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8" />

<title>HelloWorld</title>

<style type="text/css">

table {

margin: 0 auto

border: 1px solid black

border-collapse: collapse

}

td {

border: 1px solid black

}

</style>

<script src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

window.onload = function ()

{

var table = document.getElementById ('table')

var tbody = table.tBodies[0]

var rows = tbody.rows

var cells = rows[0].cells

for ( var j = 0j <cells.lengthj++)

{

cells[j].onclick = function ()

{

var asc = this.asc = !!this.asc ? -this.asc : -1

var array = []

array.index = this.cellIndex

for ( var i = 1i <rows.lengthi++)

{

array.push (rows[i])

}

array.sort (function (a, b)

{

var n1 = a.cells[array.index].firstChild.nodeValue

var n2 = b.cells[array.index].firstChild.nodeValue

if (n1 >n2)

{

return asc

}

else if (n1 <n2)

{

return -asc

}

else

{

return 0

}

})

for ( var i = 0i <array.lengthi++)

{

tbody.appendChild (array[i])

}

}

}

}

</script>

</head>

<body style="text-align: center">

<table id="table">

<tr>

<td>编号</td>

<td>姓名</td>

</tr>

<tr>

<td>1</td>

<td>李勇</td>

</tr>

<tr>

<td>2</td>

<td>王博</td>

</tr>

<tr>

<td>3</td>

<td>刘海</td>

</tr>

<tr>

<td>4</td>

<td>陈锋</td>

</tr>

</table>

</body>

</html>

数据结构算法中排序有很多种,常见的、不常见的,至少包含十种以上。根据它们的特性,可以大致分为两种类型:比较类排序和非比较类排序

冒泡排序是一次比较两个元素,如果顺序是错误的就把它们交换过来。,直到不需要再交换

快速排序的基本思想是通过一趟排序,将待排记录分隔成独立的两部分,其中一部分记录的关键字均比另一部分的关键字小,则可以分别对这两部分记录继续进行排序,以达到整个序列有序

从数列中挑出一个元素,称为 “基准”(pivot);然后重新排序数列,所有元素比基准值小的摆放在基准前面、比基准值大的摆在基准的后面;在这个区分搞定之后,该基准就处于数列的中间位置;然后把小于基准值元素的子数列(left)和大于基准值元素的子数列(right)递归地调用 quick 方法排序完成,这就是快排的思路

通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入,从而达到排序的效果

插入排序的思路是基于数组本身进行调整的,首先循环遍历从 i 等于 1 开始,拿到当前的 current 的值,去和前面的值比较,如果前面的大于当前的值,就把前面的值和当前的那个值进行交换,通过这样不断循环达到了排序的目的

将最小的元素存放在序列的起始位置,再从剩余未排序元素中继续寻找最小元素,然后放到已排序的序列后面……以此类推,直到所有元素均排序完毕

堆排序是指利用堆这种数据结构所设计的一种排序算法。堆积是一个近似完全二叉树的结构,并同时满足堆积的性质,即子结点的键值或索引总是小于(或者大于)它的父节点。堆的底层实际上就是一棵完全二叉树,可以用数组实现

归并排序是建立在归并操作上的一种有效的排序算法,该算法是采用分治法的一个非常典型的应用。将已有序的子序列合并,得到完全有序的序列;先使每个子序列有序,再使子序列段间有序。若将两个有序表合并成一个有序表,称为二路归并

通过 mid 可以把该数组分成左右两个数组,分别对这两个进行递归调用排序方法,最后将两个数组按照顺序归并起来