JSP 前端数据本地排序实例代码
来源：爱站网时间：2020-06-15编辑：网友分享
我们经常需要在前端进行数据排序，后端要根据手机的想法将数据编写到前端，那么JSP 前端数据本地排序实例代码，大家都了解吗？别着急，下面就让爱站技术频道小编带我们一起去看看吧。
我们经常需要在前端进行数据排序，后端要根据手机的想法将数据编写到前端，那么JSP 前端数据本地排序实例代码，大家都了解吗？别着急，下面就让爱站技术频道小编带我们一起去看看吧。
$(function($) {
$('#sclazzId').val($('#voId').val());
document.getElementsByName('nameup')[0].style.display = "none";
document.getElementsByName('nameup')[1].style.display = "none";
document.getElementsByName('nameup')[2].style.display = "none";
document.getElementsByName('nameup')[3].style.display = "none";
var tabobj = document.getElementById("tbValue");
/*
* for (var i = 2; i vValue2) {
return 1;
} else {
return 0;
}
};
}
// 排序方法
function sortTable(sTableID, iCol, sDataType) {
if (document.getElementsByName('nameup')[parseInt(iCol) - 1].style.display == 'none') {
document.getElementsByName('nameup')[parseInt(iCol) - 1].style.display = 'block';
document.getElementsByName('namedown')[parseInt(iCol) - 1].style.display = 'none';
} else {
document.getElementsByName('nameup')[parseInt(iCol) - 1].style.display = 'none';
document.getElementsByName('namedown')[parseInt(iCol) - 1].style.display = 'block';
}
var oTable = document.getElementById(sTableID);
var oTBody = oTable.tBodies[0];
var colDataRows = oTBody.rows;
var aTRs = new Array;
// 将所有列放入数组
for (var i = 0; i pages) ? pages : (page + 1);
window.location.href = "assistantWork.action?page=" + page + "&name="
+ name + "&clazzId=" + clazzId;
}
function detail(id, type) {
$.ajax({
url : 'selectOneWork.action?id=' + id,
async : false, // 同步请求
error : function() {
alert("失败");
},
success : function(data) {
data = eval("(" + data + ")");
$('#workid').val(data.id);
$('#cname').val(data.name);
$('#sclazzIdM').val(data.clazzId);
$('#cdescription').val(data.description);
},
}, 'json');
if(type==1){
//查看 需要改成不可编辑
setDisabled();
}else if(type==2){
cleanDisabled();
}
}
function add(){
cleanDisabled();
}
function setDisabled(){
$('#cname').attr("disabled",true);
$('#sclazzIdM').attr("disabled",true);
$('#cdescription').attr("disabled",true);
$('#submitWork').attr("disabled",true);
}
function cleanDisabled(){
$('#cname').attr("disabled",false);
$('#sclazzIdM').attr("disabled",false);
$('#cdescription').attr("disabled",false);
$('#submitWork').attr("disabled",false);
}
在jsp页面中我们只需要在字段中嵌入这两div就可以实现视觉上的升序或降序，真正实现排序的是字段上面的那个点击事件，事件的执行方法在上面的脚本中都已经写好了，就这么简单，你就实现了表格数据的本地排序，大大的减少了与服务器之间的访问次数。
1.另外在说一句就是在我们的jsp中我们有的时候并不是很需要数据库数据的格式，这个时候我们需要将数据的格式进行转化，转化的方式有很多种，我们可以将数据在后台的时候进行格式处理，但是这样做的话在效率上并不是很快，我们在jsp中就有这样的标签
这样我们就实现了日期的格式化处理，值得注意的是这里的fmt只能用我页面上的布局，不能用工具上的格式化处理，处理过就会影响我们上面的本地排序，所以只能用我的格式
以上就是爱站技术频道小编和大家分享的JSP 前端数据本地排序实例代码，随着互联网的不断改变，我们要将项目开发的越来越完美。
