JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据

最新推荐文章于 2016-08-07 22:09:44 发布

NIITYZU

最新推荐文章于 2016-08-07 22:09:44 发布

阅读量2.6k

点赞数

分类专栏： JQuery EasyUI 1.4.1 文章标签： JQuery EasyUI Struts2 DataGrid

本文链接：https://blog.csdn.net/NIITYZU/article/details/45155083

版权

因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据，就可以在前台页面数据表格中，以一定形式显示数据库中的数据。此处，我们使用Struts2框架整合DataGrid，实现数据的显示。

一、页面内容

为了在页面中显示数据库中字段内容，需要定义一个table，通过EasyUI内部设计，自动显示数据，如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>房产信息管理</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
  </head>
  
 <body>
 <table id="housesManage" style="height: 100%"></table>
 <div id="addHouse"></div>
 <div id="updateHouse"></div>
   
 <script type="text/javascript">
    $(document).ready(function(){
     //datagrid设置
	 $('#housesManage').datagrid({
				title:'房产列表',      //表格标题
			        iconCls:'icon-list', //表格图标
				nowrap: false,      //是否只显示一行，即文本过多是否省略部分。
				striped: true,
				fitColumns:true,    //防止水平滚动
				scrollbarSize:0,    //去掉右侧滚动条列
				url:"houses/showHouses!show", //action地址
				idField:'id',
				collapsible:false,//是否可折叠的 
				singleSelect:true,//只能单选
				frozenColumns:[[
				  {field:'ck',checkbox:true}
				]],
			        pagination:true, //包含分页
				pageSize: 10,
				pageList:

最低0.47元/天解锁文章

NIITYZU

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据

因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据，就可以在前台页面数据表格中，以一定形式显示数据库中的数据。此处，我们使用Struts2框架整合DataGrid，实现数据的显示。一、页面内容为了在页面中显示数据库中字段内容，需要定义一个table，通过EasyUI内部设计，自动显示数据，如下：<%String path = request
复制链接

扫一扫

专栏目录