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

主頁 > 知識庫 > 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 前端數據本地排序實例代碼的相關信息資訊供網民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    亚洲一区二区三区四区在线| 成人免费视频免费观看| 亚洲久本草在线中文字幕| 久久久777精品电影网影网| 欧美不卡在线视频| 91精品国产综合久久久久久漫画| 欧美视频三区在线播放| 在线观看视频91| 欧美日韩国产三级| 91精品国产免费久久综合| 日韩免费一区二区三区在线播放| 欧美xingq一区二区| 久久综合丝袜日本网| 久久婷婷国产综合精品青草| 国产午夜精品福利| 国产精品欧美综合在线| 亚洲手机成人高清视频| 亚洲国产精品嫩草影院| 日韩在线播放一区二区| 日本亚洲一区二区| 国产美女精品一区二区三区| 国产成人免费在线视频| 99国产精品99久久久久久| 欧美视频一二三区| 精品日本一线二线三线不卡| 久久精品免费在线观看| 欧美国产国产综合| 一区二区三区中文字幕| 香蕉成人啪国产精品视频综合网| 日本不卡视频在线观看| 国产成人综合在线观看| 99久久精品情趣| 欧美群妇大交群的观看方式| 日韩一级完整毛片| 国产精品国产自产拍高清av王其| 亚洲影院久久精品| 久久精品国产精品亚洲精品| 成人性视频网站| 欧美亚洲国产一区在线观看网站 | 91麻豆产精品久久久久久| 欧美日韩一区高清| 337p日本欧洲亚洲大胆精品| 国产精品国产a级| 天天色图综合网| 国产精品白丝av| 欧美亚洲自拍偷拍| 久久久久久亚洲综合| 亚洲综合成人在线| 国产在线精品一区二区夜色| 色综合久久久久综合| 精品国产91九色蝌蚪| 综合久久久久久| 精品一区二区三区日韩| 欧美系列亚洲系列| 欧美高清在线精品一区| 日本午夜精品一区二区三区电影| 成人白浆超碰人人人人| 欧美一区在线视频| 亚洲乱码日产精品bd| 国内外成人在线| 7878成人国产在线观看| 国产精品国产精品国产专区不片| 日本人妖一区二区| 色综合久久中文综合久久97| 久久久不卡影院| 日本女优在线视频一区二区| va亚洲va日韩不卡在线观看| 欧美成人r级一区二区三区| 亚洲成人动漫在线免费观看| jlzzjlzz国产精品久久| 久久这里只有精品视频网| 亚洲第一激情av| 91美女片黄在线| 日本一区二区三区视频视频| 久久99最新地址| 欧美日韩一区二区欧美激情 | 久久精品国产99国产| 欧美自拍偷拍一区| 亚洲欧洲av在线| 国产一区二区在线免费观看| 91.com在线观看| 亚洲不卡一区二区三区| 色吧成人激情小说| 国产精品家庭影院| 成人精品gif动图一区| 亚洲综合另类小说| 日韩亚洲欧美成人一区| 日韩精品福利网| xnxx国产精品| youjizz久久| 亚洲另类在线视频| 日韩欧美一区二区不卡| 国产在线播放一区三区四| 国产精品午夜免费| 欧美日韩dvd在线观看| 国产一区二区三区黄视频| 午夜电影一区二区三区| 欧美日韩国产成人在线免费| 亚洲图片一区二区| 欧美日韩三级在线| 亚洲.国产.中文慕字在线| 欧美日韩一区二区三区四区| 午夜激情综合网| 7799精品视频| 六月婷婷色综合| 亚洲精品一区二区三区福利| 国产盗摄女厕一区二区三区| 国产欧美日韩视频在线观看| 国产成人小视频| 国产精品久久久久久一区二区三区 | 青娱乐精品视频在线| 欧美一区二区在线视频| 狠狠狠色丁香婷婷综合激情| 欧美mv日韩mv国产网站| 韩国中文字幕2020精品| 久久精品欧美日韩| 成人免费va视频| 亚洲精品精品亚洲| 欧美日韩不卡一区| 久久99国产精品麻豆| 久久久精品国产免大香伊| 99麻豆久久久国产精品免费 | 午夜av电影一区| 日韩欧美一区中文| 国产精品一二三四区| 国产精品大尺度| 欧美日韩色综合| 国产美女在线精品| 国产精品福利电影一区二区三区四区 | 欧美视频三区在线播放| 久久国产精品第一页| 国产日韩av一区二区| 在线这里只有精品| 免费高清视频精品| 欧美国产精品一区二区三区| 在线观看日韩高清av| 国模少妇一区二区三区| 亚洲欧美日韩一区二区| 日韩三级高清在线| 99麻豆久久久国产精品免费| 天堂va蜜桃一区二区三区漫画版| 精品国产sm最大网站免费看| 91视频91自| 久久99精品久久久久| 自拍偷拍亚洲综合| 日韩欧美黄色影院| 色综合久久99| 免费av网站大全久久| 欧美亚洲国产bt| 中文字幕制服丝袜成人av| 国产精品女同一区二区三区| 国产亚洲一二三区| 国产亚洲精品aa| 中文字幕日本不卡| 一区二区三区在线视频观看58| 亚洲蜜臀av乱码久久精品| 亚洲欧美日本韩国| 亚洲成人免费影院| 麻豆精品一二三| 国产精品1区二区.| 成人激情图片网| 麻豆国产一区二区| 亚洲电影激情视频网站| 亚洲图片欧美激情| 欧美精品一区二区三区蜜桃视频 | 国产精品久久久久婷婷| 日韩精品一区二区三区三区免费| 99久久精品久久久久久清纯| 国产一区二区在线观看视频| 亚洲大尺度视频在线观看| 国产精品久久久久永久免费观看| 日韩一级免费观看| 欧美日韩免费一区二区三区| 不卡一区中文字幕| 激情久久久久久久久久久久久久久久 | 看电视剧不卡顿的网站| 午夜精品一区二区三区免费视频| 国产精品护士白丝一区av| 久久众筹精品私拍模特| 91精品国产综合久久香蕉的特点| 色天天综合色天天久久| 懂色av一区二区三区免费看| 国产一区二区视频在线| 美女一区二区视频| 青草国产精品久久久久久| 亚洲午夜精品在线| 一区二区欧美在线观看| 亚洲欧美电影一区二区| 日韩一区在线看| 最新不卡av在线| 亚洲视频在线一区观看| 亚洲视频小说图片| 成人免费在线播放视频| 日韩美女啊v在线免费观看| 中文av一区二区| 中文字幕第一页久久| 欧美国产激情一区二区三区蜜月| 久久精品一区蜜桃臀影院| 欧美精品一区二区久久久| 精品久久国产97色综合|