亚洲综合原千岁中文字幕_国产精品99久久久久久久vr_无码人妻aⅴ一区二区三区浪潮_成人h动漫精品一区二区三

主頁 > 知識庫 > JSP 前端數據本地排序實例代碼

JSP 前端數據本地排序實例代碼

熱門標簽:南昌市地圖標注app 百度地圖添加標注圖標樣式 地圖標注市場怎么樣 泰州泰興400電話 怎么申請 聊城智能電銷機器人外呼 企業怎么在聯通申請400電話 好操作的電話機器人廠家 如何用中國地圖標注數字點 南京新思維電話機器人

在前端中我們經常需要數據的排序,首先寫引入我寫好的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";

}

// 轉換器,將列的字段類型轉換為可以排序的類型: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();

  }
}

// 排序函數產生器,iCol表示列索引,sDataType表示該列的數據類型
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;
  // 將所有列放入數組
  for (var i = 0; i  colDataRows.length; i++) {
    aTRs[i] = colDataRows[i];
  }
  // 判斷最后一次排序的列是否與現在要進行排序的列相同,是的話,直接使用reverse()逆序
  if (oTable.sortCol == iCol) {
    aTRs.reverse();
  } else {
    // 使用數組的sort方法,傳進排序函數
    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就可以實現視覺上的升序或降序,真正實現排序的是字段上面的那個點擊事件,事件的執行方法在上面的腳本中都已經寫好了,就這么簡單,你就實現了表格數據的本地排序,大大的減少了與服務器之間的訪問次數。

1.另外在說一句就是在我們的jsp中我們有的時候并不是很需要數據庫數據的格式,這個時候我們需要將數據的格式進行轉化,轉化的方式有很多種,我們可以將數據在后臺的時候進行格式處理,但是這樣做的話在效率上并不是很快,我們在jsp中就有這樣的標簽

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

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

您可能感興趣的文章:
  • JSP中的PreparedStatement對象操作數據庫的使用教程
  • JSP中操作數據庫的常用SQL標簽用法總結
  • JSP使用JDBC連接MYSQL數據庫的方法
  • JSP基于JDBC的數據庫連接類實例
  • jsp通過自定義標簽庫實現數據列表顯示的方法
  • JSP實現從數據庫導出數據到Excel下載的方法

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

巨人網絡通訊聲明:本文標題《JSP 前端數據本地排序實例代碼》,本文關鍵詞  JSP,前端,數據,本地,排序,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《JSP 前端數據本地排序實例代碼》相關的同類信息!
  • 本頁收集關于JSP 前端數據本地排序實例代碼的相關信息資訊供網民參考!
  • 推薦文章
    九九精品在线| 在线观看成人网| 久久99中文字幕久久| 高清一级片| 国产精品123| 欧美a免费| 国产麻豆精品免费密入口| 日韩免费在线视频| 天天做人人爱夜夜爽2020 | 99久久网站| 免费国产在线观看| 日本在线不卡免费视频一区| 欧美国产日韩久久久| 韩国妈妈的朋友在线播放| 亚洲天堂在线播放| 欧美国产日韩在线| 日韩免费在线视频| 99久久精品费精品国产一区二区| 亚洲天堂在线播放| 日韩中文字幕在线播放| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 黄视频网站在线看| 一级毛片视频免费| 久久精品成人一区二区三区| 国产麻豆精品免费视频| 午夜在线亚洲| 午夜激情视频在线播放| 欧美一级视频免费| 久久国产精品永久免费网站| 99热精品一区| 国产精品1024永久免费视频| 精品久久久久久中文| 国产91丝袜高跟系列| 91麻豆精品国产高清在线| 毛片高清| 亚洲天堂在线播放| 91麻豆爱豆果冻天美星空| 一本伊大人香蕉高清在线观看| 久久99中文字幕| 麻豆系列 在线视频| 免费一级片在线观看| 九九精品影院| 日韩一级黄色大片| 欧美另类videosbestsex久久| 精品视频免费在线| 韩国三级一区| 日韩在线观看视频免费| 欧美α片无限看在线观看免费| 国产麻豆精品免费视频| 可以免费看毛片的网站| 成人a大片高清在线观看| 麻豆系列 在线视频| 日本在线播放一区| 日本免费乱人伦在线观看| 97视频免费在线| 久久精品欧美一区二区| 久久国产精品自线拍免费| 天天色成人| 999久久狠狠免费精品| 999精品在线| 午夜久久网| 国产视频一区在线| 香蕉视频三级| 一级女人毛片人一女人| 91麻豆精品国产片在线观看| 国产极品精频在线观看| 国产成人精品影视| 99热精品在线| 高清一级片| 午夜欧美成人久久久久久| 四虎影视精品永久免费网站 | 黄色福利片| 国产视频一区二区三区四区 | 在线观看成人网 | 日韩男人天堂| 久草免费在线观看| a级精品九九九大片免费看| 日韩男人天堂| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 天天色成人| 日韩在线观看视频免费| 久久久成人网| 精品久久久久久中文字幕一区| 免费毛片播放| 欧美激情在线精品video| 午夜欧美福利| 午夜欧美福利| 国产福利免费视频| 久久国产影院| 你懂的国产精品| 韩国三级香港三级日本三级la| 黄色短视频网站| 日韩一级黄色片| 日本在线不卡免费视频一区| 亚欧视频在线| 九九九网站| 日韩免费在线视频| 免费国产一级特黄aa大片在线| 一级毛片视频免费| 国产麻豆精品hdvideoss| 国产高清视频免费| 你懂的日韩| 97视频免费在线| 欧美激情伊人| 日韩av成人| 国产伦精品一区三区视频| 亚洲第一页乱| 亚欧成人乱码一区二区| 精品国产亚洲人成在线| 日韩中文字幕在线播放| 久久久成人影院| 日韩一级黄色片| 四虎影视精品永久免费网站 | 国产视频久久久| 日本免费乱人伦在线观看| 四虎影视久久| 青青青草影院| 一 级 黄 中国色 片| 国产欧美精品午夜在线播放| 日韩男人天堂| 日本在线不卡视频| 天天做日日爱| 成人av在线播放| 麻豆网站在线看| 色综合久久天天综合观看| a级精品九九九大片免费看| 麻豆系列 在线视频| 精品视频在线看| 一级毛片视频免费| 亚洲第一页乱| 免费国产在线观看不卡| 精品视频在线看| 国产亚洲男人的天堂在线观看| 九九九网站| 成人影院久久久久久影院| 中文字幕Aⅴ资源网| 精品在线观看一区| 欧美另类videosbestsex视频| 国产高清在线精品一区a| 欧美国产日韩一区二区三区| 青青青草视频在线观看| 日韩av东京社区男人的天堂| 精品国产一级毛片| 九九久久99综合一区二区| 久久久久久久久综合影视网| 国产不卡在线播放| 四虎论坛| a级黄色毛片免费播放视频| 免费一级片在线观看| 免费毛片基地| 国产成人精品综合久久久| 你懂的日韩| 国产成a人片在线观看视频| 国产视频一区在线| 日韩在线观看免费完整版视频| 精品久久久久久综合网| 国产一区二区高清视频| 毛片高清| 精品视频免费看| 久久精品人人做人人爽97| 毛片电影网| 四虎影视久久| 99色视频在线观看| 国产视频一区二区三区四区 | 九九九网站| 欧美18性精品| 999精品视频在线| 高清一级毛片一本到免费观看| 久久精品成人一区二区三区| 高清一级做a爱过程不卡视频| 99久久视频| 欧美α片无限看在线观看免费| 精品视频一区二区三区| 久久精品大片| 成人影视在线播放| 日韩av东京社区男人的天堂| 国产伦精品一区三区视频| 美女免费黄网站| 91麻豆高清国产在线播放| 国产综合91天堂亚洲国产| 九九久久国产精品| 99久久精品费精品国产一区二区| 国产不卡精品一区二区三区| 成人免费观看男女羞羞视频| 99色播| 台湾毛片| 国产网站免费观看| 二级片在线观看| 欧美激情一区二区三区在线| 国产伦久视频免费观看视频| 免费毛片基地| 一级女性全黄生活片免费| 久草免费在线观看| 亚欧成人乱码一区二区| 一级毛片看真人在线视频| 一级女性全黄生活片免费| 成人高清视频免费观看| 成人高清免费| 在线观看成人网| 亚洲精品中文字幕久久久久久|