1、displaytag如何实现获取到每行的id字段的值。

　　使用封装好的框架，有时候，对于一个知识点不熟悉，可能会浪费你大把的时间，我使用displaytag主要是使用它的分页技术，但是客户提出的需求，是获取到每行的id，然后选择一个用户名称（用户id），将他们关联操作，其实业务很简单，但是获取到你想要的这一行，一开始确实难为着我了，后来才发现，很简单。

代码如下所示：

 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

 <%@ taglib prefix="display" uri="http://displaytag.sf.net"%>

 <%

     //获取绝对路径路径

     String path = request.getContextPath();

     String basePath = request.getScheme() + "://"

                 + request.getServerName() + ":" + request.getServerPort()

                 + path + "/";

 %>

 <!DOCTYPE html>

 <html>

 <head>

 <base href="<%=basePath %>" />

 <meta charset="UTF-8">

 <meta name="viewport" content="width=device-width, initial-scale=1.0" />

 <title>图书管理-图书查询</title>

 <link href="resource/css/bootstrap.min.css" rel="stylesheet" />

 <link rel="stylesheet" href="resource/table/bootstrap-table.min.css">

 <link type="text/css" rel="stylesheet" href="resource/select2/css/select2.min.css">

 <script type="text/javascript" src="resource/js/jquery.min.js"></script>

 <script type="text/javascript" src="resource/js/bootstrap.min.js"></script>

 <script src="resource/table/bootstrap-table.min.js"></script>

 <script type="text/javascript" src="resource/select2/js/select2.js"></script>

 <style type="text/css">

 tr th{text-align:center;}

 tr td{text-align:center;}

 </style>

 <script type="text/javascript">

     $(document).ready(function(){

         $("#clickIt").click(function(){

             alert("sorry,此类图书数量为0,不可借阅......");

         });

     });

     //启动之前，先查询出地方前置库信息，然后将地方前置库的信息传递到实例数据表中

     $(function(){

         var url = "system/book/userAjax";

         $.ajax({

             type : 'POST',

             url : url,

             dataType : 'json',

             //traditional : true,

             //async : false,

             success : function(data) {

                 //console.log(data.list);

                 var result = data.list;

                 for(var i=;i<result.length;i++){

                     //console.log(result[i].userAccount);

                     $("#userNameCategory").append("<option value='"+ result[i].userId +"'>" + result[i].userAccount + "</option>");

                 }

             }

         })

     });

     function borrowBooksFunction(bookIds){

         //关键点在于获取到图书的编号

         console.log(bookIds);

         //关键点，管理员通过借阅这本书给学生，将这本书的bookId给某个学生

         $("#setBookId").val(bookIds);

     }

 </script>

 </head>

 <body>

     <div>

         <ul class="breadcrumb" style="margin: 0px;">

             <li>系统管理</li>

             <li>图书管理</li>

             <li>图书查询</li>

         </ul>

     </div>

     <form action="${basePath }system/book/select" method="post" class="form-inline">

         <div class="row alert alert-info" style="margin: 0px; padding: 5px;">

             <div class="form-group">

                 <label>条件:</label>

                 <select name="condition" class="form-control">

                     <option value="bookName" ${condition == 'bookName'?'selected':'' }>图书名称</option>

                     <option value="bookAuthor" ${condition == 'bookAuthor'?'selected':'' }>图书作者</option>

                     <option value="bookType" ${condition == 'bookType'?'selected':'' }>图书类别</option>

                 </select>

                 <input type="text" name="content" value="${result }" class="form-control" placeholder="请输入查询条件" />

             </div>

             <input type="submit" class="btn btn-danger" value="查询">

             <a href="system/book/insert" class="btn btn-success">

                 添加图书

             </a>

         </div>

         <div class="row" style="padding: 15px;">

             <display:table name="${list }" id="bookIds" pagesize="" requestURI="system/book/select" class="table table-hover table-striped table-bordered">

                 <display:column property="bookId" title="图书编号"></display:column>

                 <display:column property="bookName" title="图书名称"></display:column>

                 <display:column property="bookAuthor" title="图书作者"></display:column>

                 <display:column property="bookPrice" title="图书价格"></display:column>

                 <display:column property="bookType" title="图书类型"></display:column>

                 <display:column property="bookPublish" title="图书出版社"></display:column>

                 <display:column property="bookSum" title="图书总数"></display:column>

                 <!-- 如果是管理员，具有借书，还书，修改，删除功能的权限 -->

                 <c:if test="${userMark == '管理员' }">

                     <display:column paramId="bookId" paramProperty="bookId" title="借书">

                         <!-- 按钮触发模态框 -->

                         <a href="" id="borrowBooks" onclick="borrowBooksFunction(<c:out value='${bookIds.bookId}'></c:out>)" data-toggle="modal" data-target="#myModal"> 借书

                         </a>

                     </display:column>

                     <display:column href="system/book/update" paramId="bookId" paramProperty="bookId" title="修改" value="修改"></display:column>

                     <display:column href="system/book/delete" paramId="bookId" paramProperty="bookId" title="删除" value="删除"></display:column>

                 </c:if>

             </display:table>

         </div>

     </form>

     <form action="${basePath }system/book/adminBorrow" method="post" class="form-horizontal setWidth">

         <!-- 模态框（Modal） -->

         <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

             <div class="modal-dialog">

                 <div class="modal-content">

                     <div class="modal-header">

                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">

                             &times;

                         </button>

                         <h4 class="modal-title" id="myModalLabel">

                             用户信息

                         </h4>

                     </div>

                     <div class="modal-body">

                         <input type="hidden" name="bookId" id="setBookId" value=""/>

                         <select class="form-control width175" id="userNameCategory" name="userId">

                             <option value=''>-- 请选择 --</option>

                         </select>

                     </div>

                     <div class="modal-footer">

                         <button type="button" class="btn btn-default" data-dismiss="modal">关闭

                         </button>

                         <!-- <button type="button" class="btn btn-primary">

                             提交

                         </button> -->

                         <input type="submit" class="btn btn-success" value="提交" />

                     </div>

                 </div><!-- /.modal-content -->

             </div><!-- /.modal -->

         </div>

     </form>

 </body>

 </html>

效果如下所示：

2、关键点操作如下所示：

然后如下所示：

然后完成你想要实现的效果：

打完收工

待续......

displaytag如何实现获取到每行的id字段的值。的更多相关文章

  1. 如何在dapper中获取刚插入行的ID

    二话不说: 1.先建立个表 CREATE TABLE [dbo].[UserInfo](    [ID] [int] IDENTITY(1,1) NOT NULL,    [UserName] [nc ...

  2. Jmeter获取数据库查询结果某一字段的值

    1.首先进行连接数据库 2.添加JDBC Request 3.添加BeanShell PostProcessor 4.注意点:如果获取的是INT数字类型的,结尾需要添加toString()

  3. SQL Server 动态行转列（参数化表名、分组列、行转列字段、字段值）

    一.本文所涉及的内容(Contents) 本文所涉及的内容(Contents) 背景(Contexts) 实现代码(SQL Codes) 方法一:使用拼接SQL,静态列字段: 方法二:使用拼接SQL, ...

  4. SharePoint 获取Lookup 字段的值

    获取某个List里的Lookup字段的值是很普遍的事,那么我们将它封装起来 获取Lookup字段值的方法: /// <summary> /// To get lookup field Id ...

  5. android获取textview的行数

    最近项目需求,需要获取Textview的行数,通过行数与TextView的maxLines进行比较来确定是否显示TextView下方的展开按钮是否显示,废话少说直接上代码,mTextView.getL ...

  6. StringGrid 实例2：1、获取 StringGrid 的行数、列数; 2、给单元赋值.

    实例2: 本例功能: 1.获取 StringGrid 的行数.列数; 2.给单元赋值. 运行效果图:

  7. js日期的写法，获取girdviw的行数、提示信息、验证数量信息

    //制订日期(js日期的写法) var myDate = new Date(); var theDate = myDate.toLocaleDateString();  //获取今天的日期 //获取控 ...

  8. jquery easyui datagrid 获取Checked选择行(勾选行)数据

    原文:jquery easyui datagrid 获取Checked选择行(勾选行)数据 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录. getSel ...

  9. sql 语句 获取某张表某列字段最短的某几行数据

    sql 语句 获取某张表某列字段最短的某几行数据 SELECT C_name,C_code FROM Catalog where LEN(C_code)=LEN((SELECT top 1 C_cod ...

随机推荐

  1. LuoguP4233 射命丸文的笔记

    题目描述 求所有\(n\)个点带标号强连通竞赛图中哈密顿回路数量的平均值. 题解 因为要求平均数,所以我们可以把分母和分子单开来算. \(n\)个点的所有竞赛图的所有哈密顿回路个数是可以求出来的,就是 ...

  2. Git如何合并一个已经在GitHub上提交但没有合并的Pull Request请求

    步骤 进入Git仓库,执行curl -L https://github.com/<USER>/<REPO>/pull/<NO>.patch | git am

  3. ORCAL Merge into用法总结

    简单的说就是,判断表中有没有符合on()条件中的数据,有了就更新数据,没有就插入数据. 有一个表T,有两个字段a.b,我们想在表T中做Insert/Update,如果条件满足,则更新T中b的值,否则在 ...

  4. luogu5283 异或粽子

    题目链接 思路 首先求个前缀异或和,这样就可以\(O(1)\)的得到区间异或和了. 然后发现问题转化为 找出不同的\(k\)个二元组\(x,y\).使得\(a_x \otimes a_y\)的和最大. ...

  5. 分布式锁与实现(一)——基于Redis实现 【比较靠谱】

    转: 分布式锁与实现(一)——基于Redis实现 概述 目前几乎很多大型网站及应用都是分布式部署的,分布式场景中的数据一致性问题一直是一个比较重要的话题.分布式的CAP理论告诉我们“任何一个分布式系统 ...

  6. 逆FizzBuzz问题求最短序列

    问题描述 FizzBuzz问题:一个大于0的自然数能整除3,将输出“Fizz”:能整除5,将输出“Buzz”:能整除3和5,将输出“FizzBuzz”:否则输出自己. 逆FizzBuzz问题最短序列: ...

  7. 微信小程序与webview交互实现支付

    实现原理:点击h5网页的支付按钮——(跳转)——>嵌套改h5的小程序的支付页面——(处理支付)——>跳转至支付完成后的页面 注意:(1)网页h5中,引入微信的jssdk <scrip ...

  8. [Android] Android 手机下 仿 微信 客户端 界面 -- 微聊

    Android 手机下 仿 微信 客户端 界面 -- 微聊 (包括聊天列表 + 聊天对话页 + 朋友圈列表页 + 我的/发现 列表页) 项目演示: 功能说明: 1)底部标签切换 (TabHost + ...

  9. SOA 和 微服务

    正在读 钟华 著的<<企业IT架构转型之道 - 阿里巴巴中台战略思想与架构实战>> 一书, 参考了网上的讨论,  对SOA和微服务有了一些新的认识. 知乎上的讨论: SOA 与 ...

  10. （Python3） 连加 连乘 代码

    a=[1,2,3,4,5,6,7,8,9,10] #连加 b=0 for i in a: b+=i print(b)   #连乘 c=1 for i in a: c*=i print(c)