婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > JSP 前端數(shù)據(jù)本地排序?qū)嵗a

JSP 前端數(shù)據(jù)本地排序?qū)嵗a

熱門標(biāo)簽:南昌市地圖標(biāo)注app 百度地圖添加標(biāo)注圖標(biāo)樣式 地圖標(biāo)注市場怎么樣 泰州泰興400電話 怎么申請 聊城智能電銷機(jī)器人外呼 企業(yè)怎么在聯(lián)通申請400電話 好操作的電話機(jī)器人廠家 如何用中國地圖標(biāo)注數(shù)字點(diǎn) 南京新思維電話機(jī)器人

在前端中我們經(jīng)常需要數(shù)據(jù)的排序,首先寫引入我寫好的js

$(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  tabobj.rows.length; i++) {
   * 
   * if (tabobj.rows[i].cells[1].innerHTML == code) {
   * 
   * tabobj.rows[i].style.backgroundColor = "red";
   * 
   * break; } }
   */
});
function OnChange(code) {
  // alert(document.getElementById("drpIndustry").value+"_"+code+".html");
  window.location.href = document.getElementById("drpIndustry").value + "_"
      + code + ".html";

}

// 轉(zhuǎn)換器,將列的字段類型轉(zhuǎn)換為可以排序的類型:String,int,float
function convert(sValue, sDataType) {
  switch (sDataType) {
  case "int":
    if (sValue != "--")
      return parseInt(sValue);
    else
      return -10000000000000;
  case "float":
    if (sValue != "--")
      return parseFloat(sValue);
    else
      return -10000000000000.0;
  case "date":
    if (sValue != "--")
      return new Date(Date.parse(sValue));
    else
      return "1900-01-01";
  default:
    return sValue.toString();

  }
}

// 排序函數(shù)產(chǎn)生器,iCol表示列索引,sDataType表示該列的數(shù)據(jù)類型
function generateCompareTRs(iCol, sDataType) {

  return function compareTRs(oTR1, oTR2) {
    var vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType);
    var vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType);

    if (vValue1  vValue2) {
      return -1;
    } else if (vValue1 > 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;
  // 將所有列放入數(shù)組
  for (var i = 0; i  colDataRows.length; i++) {
    aTRs[i] = colDataRows[i];
  }
  // 判斷最后一次排序的列是否與現(xiàn)在要進(jìn)行排序的列相同,是的話,直接使用reverse()逆序
  if (oTable.sortCol == iCol) {
    aTRs.reverse();
  } else {
    // 使用數(shù)組的sort方法,傳進(jìn)排序函數(shù)
    aTRs.sort(generateCompareTRs(iCol, sDataType));
  }

  var oFragment = document.createDocumentFragment();
  for (var i = 0; i  aTRs.length; i++) {
    aTRs[i].cells[0].innerHTML = i + 1;
    oFragment.appendChild(aTRs[i]);
  }

  oTBody.appendChild(oFragment);
  // 記錄最后一次排序的列索引
  oTable.sortCol = iCol;
}

function detatilWork(id) {
  alert(id);
  $.post("", {
    id : id
  }, function() {

  });
}

function reflash() {
  window.location.reload(true);
}

function openSearch() {
  var name = $('#sname').val();
  var clazzId = $('#sclazzId').val();
  window.location.href = "assistantWork.action?name=" + name + "clazzId="
      + clazzId;
}

function lastPage(page) {
  var name = $('#sname').val();
  var clazzId = $('#sclazzId').val();
  page = (page - 1  0) ? 0 : (page - 1);
  window.location.href = "assistantWork.action?page=" + page + "name="
      + name + "clazzId=" + clazzId;
}
function selPage(page) {
  var name = $('#sname').val();
  var clazzId = $('#sclazzId').val();
  window.location.href = "assistantWork.action?page=" + page + "name="
      + name + "clazzId=" + clazzId;
}
function nextPage(page, pages) {
  var name = $('#sname').val();
  var clazzId = $('#sclazzId').val();
  page = (page + 1 > 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就可以實(shí)現(xiàn)視覺上的升序或降序,真正實(shí)現(xiàn)排序的是字段上面的那個(gè)點(diǎn)擊事件,事件的執(zhí)行方法在上面的腳本中都已經(jīng)寫好了,就這么簡單,你就實(shí)現(xiàn)了表格數(shù)據(jù)的本地排序,大大的減少了與服務(wù)器之間的訪問次數(shù)。

1.另外在說一句就是在我們的jsp中我們有的時(shí)候并不是很需要數(shù)據(jù)庫數(shù)據(jù)的格式,這個(gè)時(shí)候我們需要將數(shù)據(jù)的格式進(jìn)行轉(zhuǎn)化,轉(zhuǎn)化的方式有很多種,我們可以將數(shù)據(jù)在后臺的時(shí)候進(jìn)行格式處理,但是這樣做的話在效率上并不是很快,我們在jsp中就有這樣的標(biāo)簽

這樣我們就實(shí)現(xiàn)了日期的格式化處理,值得注意的是這里的fmt只能用我頁面上的布局,不能用工具上的格式化處理,處理過就會影響我們上面的本地排序,所以只能用我的格式

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

您可能感興趣的文章:
  • JSP中的PreparedStatement對象操作數(shù)據(jù)庫的使用教程
  • JSP中操作數(shù)據(jù)庫的常用SQL標(biāo)簽用法總結(jié)
  • JSP使用JDBC連接MYSQL數(shù)據(jù)庫的方法
  • JSP基于JDBC的數(shù)據(jù)庫連接類實(shí)例
  • jsp通過自定義標(biāo)簽庫實(shí)現(xiàn)數(shù)據(jù)列表顯示的方法
  • JSP實(shí)現(xiàn)從數(shù)據(jù)庫導(dǎo)出數(shù)據(jù)到Excel下載的方法

標(biāo)簽:烏蘭察布 白銀 銅川 吉林 自貢 開封 臨汾 山南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《JSP 前端數(shù)據(jù)本地排序?qū)嵗a》,本文關(guān)鍵詞  JSP,前端,數(shù)據(jù),本地,排序,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《JSP 前端數(shù)據(jù)本地排序?qū)嵗a》相關(guān)的同類信息!
  • 本頁收集關(guān)于JSP 前端數(shù)據(jù)本地排序?qū)嵗a的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    香蕉成人啪国产精品视频综合网| 亚洲丰满少妇videoshd| 伊人开心综合网| 精品一区二区在线视频| 亚洲免费观看视频| 国产精华液一区二区三区| 日韩一级大片在线| 亚洲主播在线播放| 欧美中文字幕亚洲一区二区va在线 | 国产精品久线观看视频| 国产精品一区一区三区| 色噜噜偷拍精品综合在线| 国产精品对白交换视频| 91在线观看免费视频| 国产精品成人免费精品自在线观看| 韩国在线一区二区| 日韩福利电影在线观看| 91精品国产黑色紧身裤美女| 日韩国产欧美一区二区三区| 99在线视频精品| 丝袜美腿亚洲一区| 日韩欧美国产麻豆| 国产一区999| 亚洲欧美另类在线| 91精品国产麻豆国产自产在线| 久久97超碰国产精品超碰| 91精品国产综合久久久久久久 | 在线免费不卡电影| 午夜视频在线观看一区二区三区 | 亚洲欧美色图小说| 欧美精品一二三四| 色呦呦网站一区| 国产高清亚洲一区| 精品中文字幕一区二区| 亚洲成人动漫av| 国产精品的网站| 久久久亚洲午夜电影| 精品国产一二三区| 欧美喷水一区二区| 欧美色视频一区| 欧美日韩精品综合在线| 欧美日韩国产在线播放网站| 欧美影视一区二区三区| 欧美综合久久久| 91麻豆精品国产自产在线观看一区| 欧美日韩一区二区在线观看| 9191久久久久久久久久久| 欧美三级乱人伦电影| 欧美日韩国产经典色站一区二区三区| 91久久一区二区| 欧美二区在线观看| wwwwxxxxx欧美| 中文字幕久久午夜不卡| 亚洲欧洲日韩在线| 爽爽淫人综合网网站| 日韩精品成人一区二区在线| 天天综合色天天综合色h| 国产一区二区三区综合| 中文字幕av不卡| 91精品在线麻豆| 亚洲一区二区3| 国产亚洲综合性久久久影院| 狠狠色狠狠色合久久伊人| 奇米综合一区二区三区精品视频| 91精品国产一区二区三区| 亚洲色图在线播放| 国产精品亚洲综合一区在线观看| 一区二区三区在线看| 国产精品国产a| 在线视频你懂得一区| 亚洲h精品动漫在线观看| 久久精品国产99国产| 亚洲免费观看高清完整版在线观看熊 | 国产一区在线观看视频| 国产精品乱人伦一区二区| 欧美理论片在线| 免费观看日韩av| 午夜电影网一区| 亚洲婷婷国产精品电影人久久| 538在线一区二区精品国产| 日本一区二区免费在线| wwww国产精品欧美| 2024国产精品| 美女网站色91| 九九久久精品视频| 国产精品1区2区| 成人h版在线观看| 日韩美一区二区三区| 日韩视频一区二区三区在线播放| 欧美偷拍一区二区| 欧美色图一区二区三区| 欧美理论在线播放| 欧美一级日韩不卡播放免费| 国产精品人妖ts系列视频| 国产精品一卡二卡| 天天做天天摸天天爽国产一区| 日韩精品一级二级| 国产精品不卡视频| 91日韩一区二区三区| 欧美日韩一区二区三区四区五区| 3d动漫精品啪啪1区2区免费 | 91丝袜呻吟高潮美腿白嫩在线观看| 免费在线视频一区| 日韩小视频在线观看专区| 中文字幕精品一区| 日韩精品中文字幕一区| 国产最新精品免费| 欧美性生活久久| www成人在线观看| 午夜日韩在线观看| 高清免费成人av| 国产精品系列在线观看| 亚洲欧洲色图综合| 奇米影视在线99精品| 国产成人啪免费观看软件| 国产成人综合视频| 欧美精品乱码久久久久久按摩| 国产精品色哟哟| 成人一二三区视频| 精品国产精品网麻豆系列| 亚洲精品国产成人久久av盗摄| 久久国产视频网| 制服丝袜中文字幕亚洲| 精品国产91洋老外米糕| 色欧美乱欧美15图片| 国产精品毛片高清在线完整版| 精品一区二区三区久久| 欧美日本国产视频| 亚洲乱码国产乱码精品精98午夜 | 亚洲一区二区av电影| 51午夜精品国产| 精品卡一卡二卡三卡四在线| 亚洲一区二区av在线| 日韩免费视频线观看| 亚洲国产综合91精品麻豆| 国产精品一二三在| 久久成人久久爱| 亚洲免费视频成人| 久久久亚洲精品一区二区三区 | 国v精品久久久网| 精品日韩在线观看| 亚洲欧洲99久久| 久久国产精品露脸对白| 欧美精品一区二区三区四区 | 国产亚洲精品久| 国产精品视频第一区| 色综合中文字幕国产| 一本久久a久久精品亚洲| 国产欧美一二三区| av亚洲精华国产精华精| 久久综合色8888| 日韩中文字幕1| 欧美视频一区二区三区四区| 国产无遮挡一区二区三区毛片日本| 日本道色综合久久| 亚洲综合区在线| 欧美在线免费播放| 五月综合激情网| 免费观看久久久4p| 久久先锋影音av鲁色资源网| 99九九99九九九视频精品| 欧美不卡在线视频| 亚洲一二三区在线观看| 亚洲第一福利视频在线| 国产婷婷色一区二区三区在线| 成人爱爱电影网址| 亚洲精品免费看| 亚洲黄色免费电影| 欧美激情一区二区| 成人动漫精品一区二区| 欧美日韩三级一区| 中文在线免费一区三区高中清不卡| 欧美日韩的一区二区| 国产高清精品在线| 亚洲欧美日韩一区二区三区在线观看| 国产成人精品影视| 日韩电影在线免费| 色视频欧美一区二区三区| 国产精品看片你懂得| 欧美三级电影网| av成人免费在线观看| 成人免费看片app下载| 韩国女主播成人在线| 久久精品一区四区| 99久久精品国产一区二区三区| 日韩精品高清不卡| 久久综合九色综合97婷婷 | 国产精品综合一区二区三区| 亚洲成人激情社区| 亚洲第一狼人社区| 亚洲aaa精品| 亚洲精品国产a| 欧美日韩二区三区| 色综合一个色综合亚洲| 国产ts人妖一区二区| 亚洲va国产va欧美va观看| 中文字幕+乱码+中文字幕一区| 国产日韩欧美精品在线| 久久综合一区二区| 欧美人牲a欧美精品|