使用Bootstrap前端框架简单实现表格的加载,废话不多说直接看代码。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/views/common/taglib.jsp" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/WEB-INF/views/common/meta.jsp" %>
<%@ include file="/WEB-INF/views/common/include.jsp" %>
<style type="text/css">
.search-body{
display: none;
position: absolute;
width: 400px;
background-color: white;
border: 1px solid #C5D0DC;
z-index: 999;
padding: 10px;
margin: 0;
max-height: 400px;
overflow-y: scroll;
}
.search-body li{
list-style: none;
}
.search-body li:hover{
background-color: rgb(238, 238, 238);
}
.search-panel{
margin-bottom: 40px;
padding: 10px;
}
</style>
</head>
<script type="text/javascript">
$(document).ready(function() {
initFrameHeight();
var sysIdName = $("#sysIdName").val();