<html>
<head>
<script src="jquery-1.11.1.js"></script>
</head>
<body>
<div class="public_form">
<form id="quality_sort_search_form">
<button type="button" class="saveSortList">保存排序</button>
</form>
<!---表格输出-->
<table id="quality_sort_table" class="info_table" cellspacing="0" width="100%">
<thead>
<tr>
<th>排序</th>
<th>内容</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="hidden" id="qualityIdForSort" value="${item.id}"/><a href="#" onclick="moveTrAndCheck(this,'MoveUp')">上移</a> | <a href="#" onclick="moveTrAndCheck(this,'MoveDown')">下移</a></td>
<td>aaaaaa</td>
</tr>
<tr>
<td><input type="hidden" id="qualityIdForSort" value="${item.id}"/><a href="#" onclick="moveTrAndCheck(this,'MoveUp')">上移</a> | <a href="#" onclick="moveTrAndCheck(this,'MoveDown')">下移</a></td>
<td>bbbbb</td>
</tr>
<tr>
<td><input type="hidden" id="qualityIdForSort" value="${item.id}"/><a href="#" onclick="moveTrAndCheck(this,'MoveUp')">上移</a> | <a href="#" onclick="moveTrAndCheck(this,'MoveDown')">下移</a></td>
<td>cccccc</td>
</tr>
<tr>
<td><input type="hidden" id="qualityIdForSort" value="${item.id}"/><a href="#" onclick="moveTrAndCheck(this,'MoveUp')">上移</a> | <a href="#" onclick="moveTrAndCheck(this,'MoveDown')">下移</a></td>
<td>ddddd</td>
</tr>
</tbody>
</table>
<!---表格输出end-->
</div>
<script type="text/javascript">
// 保存排序列表
$(".saveSortList").off("click").on("click", function() {
var itemArry = [];
$("#quality_sort_table tbody tr").each(function(tr , index){
//获取tr 这一行的text
var data = {};
//获取行内数据
var id = $(this).find("td").eq(0).find("#qualityIdForSort").val();
var sort = $(this).index()+1;
data.id = id;
data.sort = sort;
itemArry.push(data);
});
// console.log(JSON.stringify(itemArry));
$.ajax({
url:"${cp}/partQuality/saveSortList",
type:"post",
data:{
"updateSortList":JSON.stringify(itemArry),
},
dataType:"json",
success: function (result) {
var rs = eval(result);
openDialog(rs.msg);
// 刷新表格
quality_manage_table.fnFilter();
//刷新品质品牌页面的下拉框
loadQualityBrand();
},
error: function(result){
openDialog("数据保存出错,请重新保存");
$("#supplierQuotationEditSave").attr("disabled", false);
}
});
});
/*
tr上移 下移操作
params
t:触发事件的元素
oper:操作方式
*/
function moveTrAndCheck(t,oper){
var data_tr=$(t).parent().parent(); //获取到触发的tr
if(oper=="MoveUp"){ //向上移动
if($(data_tr).prev().html()==null){ //获取tr的前一个相同等级的元素是否为空
alert("已经是最顶部了!");
return;
}{
$(data_tr).insertBefore($(data_tr).prev()); //将本身插入到目标tr的前面
}
}else{
if($(data_tr).next().html()==null){
alert("已经是最低部了!");
return;
}{
$(data_tr).insertAfter($(data_tr).next()); //将本身插入到目标tr的后面
}
}
}
</script>
</body>
</html>
记得引用jquery文件