样式图:
增加页面布局$关闭按钮实现:bookList.jsp
<%@ 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">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<!-- 通过include指令引入公共部分页面的head.jsp -->
<%@ include file="../../../static/common/head.jsp" %>
<!-- 引入index.js -->
<script type="text/javascript" src="js/book/bookList.js"></script>
<body>
<!-- 查询组件,不需要form表单, 默认的是ajax -->
<div>
<input id="bookName" class="easyui-textbox" data-options="iconCls:'icon-search'"
sstyle="width:300px" />
<a id="btn_search" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
</div>
<!-- 工具拦 -->
<lable id="ta