欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

el表達式 寫入bootstrap表格數據頁面的實例代碼

 更新時間：2017年01月11日 15:30:40   作者：Java軟件小白  
這篇文章主要介紹了el表達式 寫入bootstrap表格數據頁面的實例代碼，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧

el表達式，寫入bootstrap表格，簡化代碼，效果圖：

不多說，上干貨：

<%@ page language="java" contentType="text/html; charset=UTF-8" 
  pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> 
<c:set var="ctx" value="${pageContext.request.contextPath}"/> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>知識庫</title> 
<link rel="stylesheet" href="<%=basePath %>knowledge-bs/css/bootstrap.min.css"> 
<link rel="stylesheet" href="<%=basePath %>knowledge-bs/css/bootstrap-table.min.css"> 
<link href="<%=basePath %>knowledge-bs/css/toastr.css" rel="stylesheet" /> 
<link href="<%=basePath %>knowledge-bs/css/sweetalert.css" rel="stylesheet" /> 
<script src="<%=basePath %>knowledge-bs/js/jquery.min.js"></script> 
<script src="<%=basePath %>knowledge-bs/js/sweetalert.min.js"></script> 
<script src="<%=basePath %>knowledge-bs/js/bootstrap.min.js"></script> 
<script src="<%=basePath %>knowledge-bs/js/tableExport.js"></script> 
<script src="<%=basePath %>knowledge-bs/js/jquery.base64.js"></script>  
<script src="<%=basePath %>knowledge-bs/js/bootstrap-table.js"></script> 
<script src="<%=basePath %>knowledge-bs/js/bootstrap-table-export.js"></script> 
<script src="<%=basePath %>knowledge-bs/js/toastr.js"></script>  
<style type="text/css"> 
 #reportTableDiv td{height: 50px; text-align: center; line-height: 50px; width: auto;} 
 #reportTableDiv th{height: 50px; text-align: center; line-height: 50px; width: auto;} 
</style> 
</head> 
<body> 
<jsp:include page="zsfktck.jsp"></jsp:include> 
<center> 
  <div id="container" style="padding-top: 30px;padding-right: 60px;padding-left: 60px;margin-right: auto;margin-left: auto;height:auto"> 
    <ul id="myTab" class="nav nav-tabs"> 
      <li><a href="/receiverShow/knowledge-bs/knowledge.html#container">知識庫管理</a></li> 
      <li><a href="/receiverShow/findKnowRevi_el.action#container">知識庫審核</a></li> 
      <li><a href="/receiverShow/findAskManagement_el.action#container1">提問管理</a></li> 
    </ul> 
 <div style="padding-left: 50px;"> 
  <table> 
    <thead> 
      <tr> 
          <td style="padding-left: 30px;"><label>關鍵字</label></td> 
          <td style="padding-left: 10px;"><input type="text" class="form-control" aria-describedby="sizing-addon2" id="keyword" value="" placeholder="請輸入關鍵字"/></td> 
          <td style="padding-left: 120px;"><label>標題</label></td> 
          <td style="padding-left: 10px;"><input type="text" class="form-control" aria-describedby="sizing-addon2" id="title" value="" placeholder="請輸入標題"/></td> 
          <td style="padding-left: 120px;"><label>內容</label></td> 
          <td style="padding-left: 10px;"><input type="text" class="form-control" aria-describedby="sizing-addon2" id="content" value="" placeholder="請輸入內容"/></td> 
      </tr> 
    </thead> 
  </table> 
  <div style="padding-top: 10px;"> 
        <button id="serch" class="btn btn-info">查詢</button> 
        <button id="reset" class="btn btn-primy">重置</button> 
  </div> 
 </div> 
  <div id="reportTableDiv" class="span10"> 
    <table class="table table-hover" id="tablepos"> 
    <thead> 
      <tr> 
        <th>標題</th> 
        <th>分類</th> 
        <th>關鍵字</th> 
        <th>點擊數</th> 
        <th>提交時間</th> 
        <th>詳情</th> 
        <th>操作</th> 
      </tr> 
    </thead> 
    <tbody> 
      <c:forEach var="list" items="${protectLists}"> 
      <tr> 
        <td>${list.title }</td> 
        <td>${list.classification }</td> 
        <td>${list.keyword }</td> 
        <td>${list.clicks}</td> 
        <td>${list.committime}</td> 
        <td><a data-toggle="modal" data-target="#myModal" class="details_button" name="${list.title },${list.clicks},${list.committime},${list.contentss}">詳情</a>  
        </td> 
        <td><a data-toggle="modal" data-target="#myModal" class="review_button" name="${list.title },${list.clicks},${list.committime},${list.contentss},${list.id },">審核</a>  
        </td> 
      </tr> 
      </c:forEach> 
    </tbody> 
    </table> 
  </div> 
 </div> 
  </center> 
</body> 
<script type="text/javascript"> 
    $('#serch').click(function () { 
      $.ajax({ 
        type: "POST", 
        url: "findKnowRevi_el.action", 
        success: function (data,msg) { 
          if(msg == "success"){ 
          window.location.href="<%=basePath %>findKnowRevi_el.action?"+"workOrderTDTO1.keyword=" + escape($('#keyword').val()) + "&workOrderTDTO1.title=" + escape($('#title').val())+ "&workOrderTDTO1.content=" + escape($('#content').val()); 
          } 
        }, 
        error: function (XMLHttpRequest, textStatus, thrownError) { 
          alert('模塊加載異常！'); 
        } 
      }); 
    }); 
    $('#reset').click(function(){ 
      $('#keyword').val(""); 
      $('#title').val(""); 
      $('#content').val(""); 
    }); 
    $(".review_button").click(function(){ 
      var id ; 
      $("#myModalLabel_content").text("知識反饋"); 
      var str=$(this).attr("name"); 
      strs=str.split(","); //字符分割 
      for (i=0;i<strs.length ;i++ ){ 
        $("#txt_title_details").val(strs[0]); 
        $("#txt_clicks_details").val(strs[1]); 
        $("#txt_committime_details").val(strs[2]); 
        $("#txt_content_details_sub").val(strs[3]); 
        id =strs[4]; 
      }; 
      $('#myModal_content').modal(); 
      $("#button_sub").removeClass("hidden"); 
      $("#button_sub").addClass("modal-footer"); 
      $("#btn_submit_content").click(function(){ 
           $.ajax({ 
              type: "POST", 
              url: "agreeExamine.action", 
              data: "knowledge.id=" +id, 
              success: function (data,msg) { 
                if(msg == "success"){ 
                  $('#myModal_content').modal('hide'); 
                  window.location.href="<%=basePath %>findKnowRevi_el.action"; 
                  toastr.success('審核成功'); 
                } 
              }, 
              error: function (XMLHttpRequest, textStatus, thrownError) { 
                alert('模塊加載異常！'); 
              } 
            }); 
      }); 
      $("#btn_refuse").click(function(){ 
         $.ajax({ 
            type: "POST", 
            url: "deleteKnowExamine.action", 
            data: "id=" +id, 
            success: function (data,msg) { 
              if(msg == "success"){ 
                $('#myModal_content').modal('hide'); 
                window.location.href="<%=basePath %>findKnowRevi_el.action"; 
                toastr.success('拒絕通過'); 
              } 
            }, 
            error: function (XMLHttpRequest, textStatus, thrownError) { 
              alert('模塊加載異常！'); 
            } 
          }); 
  }); 
    }); 
    $(".details_button").click(function(){ 
      var str=$(this).attr("name"); 
      strs=str.split(","); //字符分割 
      for (i=0;i<strs.length ;i++ ){ 
        $("#txt_title_details").val(strs[0]); 
        $("#txt_clicks_details").val(strs[1]); 
        $("#txt_committime_details").val(strs[2]); 
        $("#txt_content_details_sub").val(strs[3]); 
      }; 
      $("#myModalLabel_content").text(""); 
      $('#myModal_content').modal(); 
      $("#button_sub").addClass("hidden"); 
    }); 
</script> 
</html>

以上所述是小編給大家介紹的el表達式 寫入bootstrap表格數據頁面的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

相關文章

  • Javascript函數式編程簡單介紹

    Javascript函數式編程簡單介紹

    什么是函數式編程？根據百度百科的描述，“函數式編程是種編程典范，它將電腦運算視為函數的計算。函數編程語言最重要的基礎是 λ 演算（lambda calculus）。而且λ演算的函數可以接受函數當作輸入（參數）和輸出（返回值）?！?/div> 2015-10-10
  • javascript如何用遞歸寫一個簡單的樹形結構示例

    javascript如何用遞歸寫一個簡單的樹形結構示例

    本篇文章主要介紹了javascript如何用遞歸寫一個簡單的樹形結構示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • npm后面的-S和-D參數舉例詳解

    npm后面的-S和-D參數舉例詳解

    這篇文章主要給大家介紹了關于npm后面的-S和-D參數舉例詳解的相關資料,文中還介紹了npm -s和-d的一些區(qū)別,對大家的學習或者工作具有一定的參考階級價值,需要的朋友可以參考下
    2024-01-01
  • js抽獎實現隨機抽獎代碼效果

    js抽獎實現隨機抽獎代碼效果

    這篇文章主要介紹了js隨機抽獎代碼效果，大家參考使用
    2013-12-12
  • JavaScript手寫一個前端存儲工具庫

    JavaScript手寫一個前端存儲工具庫

    在項目開發(fā)的過程中，為了減少提高性能，減少請求，開發(fā)者往往需要將一些不易改變的數據放入本地緩存中。本文就來用JavaScript手寫一個前端存儲工具庫，希望對大家有所幫助
    2023-02-02
  • 小程序實現文字循環(huán)滾動動畫

    小程序實現文字循環(huán)滾動動畫

    這篇文章主要為大家詳細介紹了小程序實現文字循環(huán)滾動動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-06-06
  • 基于JS實現禁止查看源碼及獲取鍵盤的按鍵值

    基于JS實現禁止查看源碼及獲取鍵盤的按鍵值

    這篇文章主要介紹了基于JS實現禁止查看源碼及獲取鍵盤的按鍵值,本文結合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2023-02-02
  • javascript正則表達式基礎知識入門

    javascript正則表達式基礎知識入門

    很長時間沒看正則表達式了，碰巧今天用到，溫故知新了一把,這里記錄下來，分享給大家，都是些基礎的知識，重點給大家講解的是正則表達式中4種常用的方法,50% 的舉一反三練習中的原創(chuàng)。
    2015-04-04
  • javascript深入理解js閉包

    javascript深入理解js閉包

    閉包（closure）是Javascript語言的一個難點，也是它的特色，很多高級應用都要依靠閉包實現。
    2010-07-07
  • JavaScript+html5 canvas繪制漸變區(qū)域完整實例

    JavaScript+html5 canvas繪制漸變區(qū)域完整實例

    這篇文章主要介紹了JavaScript+html5 canvas繪制漸變區(qū)域的方法,結合完整實例形式分析了canvas顏色調用與圖形繪制的相關技巧,需要的朋友可以參考下
    2016-01-01

最新評論