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. 「NOI2013」树的计数 解题报告

    「NOI2013」树的计数 这什么神题 考虑对bfs重新编号为1,2,3...n,然后重新搞一下dfs序 设dfs序为\(dfn_i\),dfs序第\(i\)位对应的节点为\(pos_i\) 一个暴力 ...

  2. JS学习笔记Day25

    一.VSN 和 GitHub (一)VSN集中化的版本控制系统: 拥有一个单一的集中管理的服务器,保存所有文件的修订版本,而协同工作的人们都通过客户端连到这台服务器,取出最新的文件或者提交更新. (二 ...

  3. 20175206迭代与JDB测试

    迭代与JDB测试 C(n,m)组合数的判定 实验要求 1 使用C(n,m)=C(n-1,m-1)+C(n-1,m)公式进行递归编程实现求组合数C(m,n)的功能 2 m,n 要通过命令行传入 实验案例 ...

  4. STL迭代器iterator

    一:迭代器原理 迭代器是一个“可遍历STL容器内全部或部分元素”的对象. 迭代器指出容器中的一个特定位置. 迭代器就如同一个指针. 迭代器提供对一个容器中的对象的访问方法,并且可以定义了容器中对象的范 ...

  5. python 基础部分重点复习整理2

    把这里的题目争取刷一遍 博客记录 python的ORM框架peewee SQLAlchemy psycopg2 Django 在1 的基础上,重点突出自己以前没注意的,做到精而不杂!!! Python ...

  6. 基于jdk1.8的ArrayList源码分析

    前言ArrayList作为一个常用的集合类,这次我们简单的根据源码来看看AarryList是如何使用的. ArrayList拥有的成员变量 public class ArrayList<E> ...

  7. 如何在Eclipse中创建web项目并使用tomcat8 运行servlet开发简单的动态网页?

    今天花了一天时间.因为用eclipse没多久,不是很熟悉使用,看的教程又是使用myeclipse的,但是eclipse相对没有myeclipse灵活,所以在网上找了很多资料,最后算是可以实现了.新手可 ...

  8. tomcat配置及环境搭建

    步骤一 下载tomcat 下载tomcat并安装,登陆tomcat官网,http://tomcat.apache.org/,Windows系统建议选择Windows Service Installer ...

  9. Mysql_存储过程

    1.navicat新建存储过程 选择 过程 增加输入输出参数(若是无参,直接点击完成) 完成后代码如下: CREATE DEFINER = CURRENT_USER PROCEDURE `kxy_pr ...

  10. Excel 将A表的基础数据拼接到B表中来-三种方法: ctrl+回车, VLOOKUP()函数,宏

    A表  基础信息表 B表 业务信息表 将a表中的基础数据 拼接到B表的后面, 应用场景是: B表很多数据,很繁乱,名字不一定全, A表也是比较多的行,B表乱:比如有8行有李晨的,却只有3行是范仲淹的, ...