好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 知識庫 > 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 前端數據本地排序實例代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 337p中国尤物人体| 小小的日本电影完整版在线观看| 久久影院秋霞理论| 互换娇妻爽文5系列| 睡在我上铺的兄弟| 床戏视频大尺度看| 亚洲电影欧美电影国产| 四川裸体AAAABBBB| 色黄网站青青草原免费| 太后肉高h| 精品韩国一级久久A片性教育片 | 日韩欧美一区在线观看| 西班牙巜做爰猛烈大尺度电影| 宁荣荣含精肉臀迎合娇喘视频 | 国产乱真实合集| 久久碰国产一区二区三区| 国产伦理年轻的岳?高压监狱| 视频网站高清免费| 与双胞胎亲女乱系列小说h| 亚洲Av日本AⅤ久久精品男男| 男男GayGays??2022| 国产一级鲁丝片| 日本黄软件| 网站榴莲视频| 日本AAAA片毛片免费观看视频| 男女一级xo片| 老头chⅰnese老头群国产| 垄玥菲三级在线看| 中文字幕日本一区久久| 精品成人无码亚洲AV大象影院| 日韩精品一区二区三区蜜臀| 中文字幕38页| 国产综合在线观看| 成**人顶级毛片www免费看| 和?子同居的日子AV片在线播放| 在线|国产传媒18精品免费1区2软件介绍| 波多野结衣系列无限发射| 男生鸡鸡捅女生鸡鸡视频| bl真人视频GⅤ18禁| 国产毛片AAAAAAA做受| 一级毛片免费电影|