校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

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

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

熱門標(biāo)簽:南昌市地圖標(biāo)注app 百度地圖添加標(biāo)注圖標(biāo)樣式 地圖標(biāo)注市場(chǎng)怎么樣 泰州泰興400電話 怎么申請(qǐng) 聊城智能電銷機(jī)器人外呼 企業(yè)怎么在聯(lián)通申請(qǐng)400電話 好操作的電話機(jī)器人廠家 如何用中國(guó)地圖標(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, // 同步請(qǐng)求
    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頁(yè)面中我們只需要在字段中嵌入這兩div就可以實(shí)現(xiàn)視覺上的升序或降序,真正實(shí)現(xiàn)排序的是字段上面的那個(gè)點(diǎn)擊事件,事件的執(zhí)行方法在上面的腳本中都已經(jīng)寫好了,就這么簡(jiǎn)單,你就實(shí)現(xiàn)了表格數(shù)據(jù)的本地排序,大大的減少了與服務(wù)器之間的訪問(wèn)次數(shù)。

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

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

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

您可能感興趣的文章:
  • JSP中的PreparedStatement對(duì)象操作數(shù)據(jù)庫(kù)的使用教程
  • JSP中操作數(shù)據(jù)庫(kù)的常用SQL標(biāo)簽用法總結(jié)
  • JSP使用JDBC連接MYSQL數(shù)據(jù)庫(kù)的方法
  • JSP基于JDBC的數(shù)據(jù)庫(kù)連接類實(shí)例
  • jsp通過(guò)自定義標(biāo)簽庫(kù)實(shí)現(xiàn)數(shù)據(jù)列表顯示的方法
  • JSP實(shí)現(xiàn)從數(shù)據(jù)庫(kù)導(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)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《JSP 前端數(shù)據(jù)本地排序?qū)嵗a》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于JSP 前端數(shù)據(jù)本地排序?qū)嵗a的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    亚洲亚洲精品在线观看| av在线免费不卡| 日韩欧美黄色影院| 青青国产91久久久久久| 这里只有精品免费| 日本免费新一区视频| 精品国产一区二区亚洲人成毛片 | 日韩欧美中文一区二区| 日韩激情av在线| 欧美精品一区二区三区四区 | 国产精品国产精品国产专区不蜜| 成人免费毛片app| 亚洲嫩草精品久久| 欧美性做爰猛烈叫床潮| 亚洲成人动漫av| 久久综合精品国产一区二区三区| 国产精品亚洲视频| 亚洲综合在线观看视频| 欧美一区二区三区电影| 国产一区 二区 三区一级| 亚洲色图20p| 欧美一级片免费看| 北条麻妃国产九九精品视频| 亚洲男人的天堂av| 欧美成人a视频| 91美女在线看| 久久精品国产成人一区二区三区| 国产精品毛片久久久久久久| 欧美精品久久天天躁| 国产一区二区视频在线| 一级日本不卡的影视| 久久综合视频网| 精品视频一区二区不卡| 粉嫩绯色av一区二区在线观看| 一区二区三区中文字幕| 久久九九久久九九| 欧美日韩精品一区二区天天拍小说| 久久99国产精品麻豆| 亚洲人精品午夜| 精品国产乱码久久久久久老虎| 91理论电影在线观看| 极品瑜伽女神91| 亚洲第一福利一区| 欧美激情一区二区在线| 日韩一区二区电影在线| 在线精品视频免费观看| 成人一道本在线| 久久99精品国产| 日韩精品成人一区二区三区| 亚洲色图欧洲色图| 中文字幕+乱码+中文字幕一区| 日韩精品一区二区三区在线观看 | 亚洲国产日韩一区二区| 国产欧美日韩在线视频| 日韩视频一区二区三区在线播放| 91免费在线视频观看| 成人性视频免费网站| 激情五月播播久久久精品| 亚洲成人7777| 一区二区三区欧美久久| 国产精品视频在线看| 久久综合五月天婷婷伊人| 日韩欧美色综合| 91精品在线麻豆| 欧美日韩国产小视频在线观看| 91视频在线观看免费| 国产成人综合在线| 国产精品一区二区三区乱码 | 日韩精品最新网址| 欧美剧情片在线观看| 色婷婷久久综合| 日本乱人伦一区| 91免费小视频| 91国在线观看| 在线观看亚洲精品| 欧美性一二三区| 欧美酷刑日本凌虐凌虐| 欧美妇女性影城| 日韩欧美中文字幕精品| 日韩亚洲欧美在线观看| 日韩欧美中文字幕公布| 日韩久久久精品| 国产亚洲成av人在线观看导航| 精品国产一二三| 精品国产不卡一区二区三区| 精品国产乱码久久久久久蜜臀| 久久久午夜精品| 国产精品欧美一区喷水| 亚洲视频香蕉人妖| 亚洲va欧美va人人爽| 丝袜国产日韩另类美女| 久久不见久久见免费视频1 | 狠狠色狠狠色综合系列| 国产成人综合网站| 91免费视频观看| 欧美欧美欧美欧美| 欧美精品一区二区三区蜜臀| 国产欧美日韩综合| 一区二区三区中文字幕在线观看| 天天影视网天天综合色在线播放| 蜜臀99久久精品久久久久久软件| 国模冰冰炮一区二区| 不卡电影一区二区三区| 在线一区二区视频| 欧美一区二区在线看| 国产亚洲欧洲997久久综合 | 亚洲一区二区三区爽爽爽爽爽| 日韩黄色片在线观看| 国产精品1024| 色先锋久久av资源部| 91精品国产综合久久精品app| 久久综合九色综合久久久精品综合 | 丁香激情综合国产| 91传媒视频在线播放| 精品女同一区二区| 国产精品家庭影院| 天天色 色综合| 国v精品久久久网| 欧洲激情一区二区| 久久久精品tv| 午夜精品福利一区二区蜜股av| 国内精品国产三级国产a久久| 色哟哟精品一区| 精品对白一区国产伦| 亚洲精品欧美在线| 国产自产视频一区二区三区| 在线观看视频一区二区| xfplay精品久久| 亚洲在线免费播放| 成人黄色在线视频| 欧美一级理论性理论a| 亚洲乱码中文字幕综合| 激情久久久久久久久久久久久久久久| 91女神在线视频| 国产亚洲一二三区| 美女视频一区二区| 欧美亚男人的天堂| 中文字幕一区二区三区四区不卡| 日韩av不卡一区二区| 一本色道久久加勒比精品| 久久天天做天天爱综合色| 亚洲成人动漫一区| 日本久久电影网| 中文字幕一区二区三区在线不卡| 国产一区二区三区黄视频| 欧美一区二区免费观在线| 亚洲综合男人的天堂| 国产成a人无v码亚洲福利| 欧美精品一区二区在线播放 | 日韩三级中文字幕| 亚洲成av人**亚洲成av**| 91视频免费看| 国产区在线观看成人精品 | 国产偷国产偷亚洲高清人白洁| 日韩电影免费在线看| 欧美日韩精品欧美日韩精品一综合| 国产精品视频你懂的| 国产aⅴ综合色| 久久亚洲精品国产精品紫薇| 麻豆91免费观看| 日韩欧美一区在线| 免费成人结看片| 日韩午夜在线播放| 蜜臀国产一区二区三区在线播放| 欧美精品一级二级三级| 亚洲1区2区3区视频| 欧美在线短视频| 亚洲一区二区综合| 欧美午夜精品久久久久久超碰 | 成人毛片视频在线观看| 中文字幕第一区二区| 国产乱子伦一区二区三区国色天香| 精品欧美黑人一区二区三区| 精品制服美女久久| 久久久亚洲午夜电影| 国产精品一区二区你懂的| 国产色产综合色产在线视频| 国产成a人无v码亚洲福利| 综合久久久久久| 欧美午夜精品久久久| 午夜不卡av免费| 精品久久久网站| 粉嫩av亚洲一区二区图片| **欧美大码日韩| 色婷婷综合久久久中文一区二区| 亚洲一区二区美女| 欧美一区二区三区视频在线观看| 蜜桃视频在线观看一区| 2022国产精品视频| www.av亚洲| 亚洲成av人影院在线观看网| 91精品国产综合久久精品app| 国产一区啦啦啦在线观看| 国产欧美精品国产国产专区| 色哟哟精品一区| 看电视剧不卡顿的网站| 欧美国产成人精品| 日本精品一区二区三区高清| 免费看欧美美女黄的网站| 国产欧美日韩久久|