1、首先引入easyui包

在jsp页面上引用以下文件：

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">

<script type="text/javascript" src="js/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>

<script type="text/javascript" src="js/jquery-easyui-1.3.2/jquery.easyui.min.js"></script>

<script type="text/javascript" src="js/jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js"></script>

注意：jquery-1.8.0.min.js要在jquery.easyui.min.js之前引入。

2、以下为jsp页面代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib uri="/struts-tags" prefix="s"%>

<%

    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>My JSP 'index.jsp' starting page</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">

    <link rel="stylesheet" type="text/css"

        href="easyui/themes/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">

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

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

    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript">

    $(function() {

        $('#mydatagrid').datagrid({

            title : 'datagrid实例',

            iconCls : 'icon-ok',

            width : 600,

            pageSize : 5,//默认选择的分页是每页5行数据

            pageList : [ 5, 10, 15, 20 ],//可以选择的分页集合

            nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取

            striped : true,//设置为true将交替显示行背景。

            collapsible : true,//显示可折叠按钮

            toolbar : "#tb",//在添加 增添、删除、修改操作的按钮要用到这个

            url : '<%= basePath %>page/plane_findAllPlane.action',//url调用Action方法

            loadMsg : '数据装载中......',

            singleSelect : true,//为true时只能选择单行

            fitColumns : true,//允许表格自动缩放，以适应父容器

            //sortName : 'xh',//当数据表格初始化时以哪一列来排序

            //sortOrder : 'desc',//定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。

            remoteSort : false,

            frozenColumns : [ [ {

                field : 'id',

                checkbox : true

            } ] ],

            pagination : true,//分页

            rownumbers : true

        //行数

        });

    });

</script>

</head>

<body>

    <h2>

        <b>easyui的DataGrid实例</b>

    </h2>

    <table id="mydatagrid">

        <thead>

            <tr>

                <th data-options="field:'planeName',width:100,align:'center'">学生学号</th>

                <th data-options="field:'planeType',width:100,align:'center'">姓名</th>

                <th data-options="field:'planeModel',width:100,align:'center'">性别</th>

                <th data-options="field:'description',width:100,align:'center'">年龄</th>

            </tr>

        </thead>

    </table>

</body>

</html>

3、action代码：

private String rows;// 每页显示的记录数

private String page;// 当前第几页

public String getRows() {

    return rows;

}

public void setRows(String rows) {

    this.rows = rows;

}

public String getPage() {

    return page;

}

public void setPage(String page) {

    this.page = page;

}

public void findAllPlane() {

    try {

    //当前页数据集合

    List<Plane> planeLibraryList = planeService.findAll(page, rows);

    //总页数

    int total = planeService.findSize();

    //转化显示数据

    List<PlaneView> list = new ArrayList<PlaneView>();

    for (Plane plane : planeLibraryList) {

        PlaneView view = new PlaneView();

        view.setPlaneType(plane.getPlaneType());

        view.setPlaneName(plane.getPlaneName());

        view.setPlaneModel(plane.getPlaneModel());

        view.setDescription(plane.getDescription());

        list.add(view);

    }

    JSONObject jobj = new JSONObject();//new一个JSON

    jobj.accumulate("total",total );//total代表一共有多少数据

    jobj.accumulate("rows", list);//row是代表显示的页的数据

    response.setCharacterEncoding("utf-8");//指定为utf-8

    response.getWriter().write(jobj.toString());

    } catch (IOException e) {

        e.printStackTrace();

    }//转化为JSOn格式

}

4、显示效果图

java+easyui实例的更多相关文章

  1. JAVA RMI 实例

    下面我将介绍一个完整的实例,让初学者能快速体验RMI的功用. 分为以下四个步骤 1. 创建远程接口及声明远程方法(HelloInterface.java)2. 实现远程接口及远程方法(继承Unicas ...

  2. EasyUI实例源码

    jQuery+EasyUI实例源码 http://www.51aspx.com/code/jQueryEasyUIExample ASP.NET MVC+EF+EasyUI权限 http://www. ...

  3. Java多线程-实例解析

    Java多线程实例 3种实现方法Java中的多线程有三种实现方式:1.继承Thread类,重写run方法.Thread本质上也是一个实现了Runnable的实例,他代表一个线程的实例,并且启动线程的唯 ...

  4. Thrift入门初探--thrift安装及java入门实例

    什么是thrift? 简单来说,是Facebook公布的一款开源跨语言的RPC框架. 那么问题来了. 什么是RPC框架? RPC全称为Remote Procedure Call,意为远程过程调用. 假 ...

  5. [Java初探实例篇02]__流程控制语句知识相关的实例练习

    本例就流程控制语句的应用方面,通过三个练习题来深入学习和巩固下学习的流程控制语句方面的知识,设计到,if条件判断语句,switch多分支语句,for循环语句及其嵌套多层使用,while循环语句. 练习 ...

  6. 【thrift】thrift入门初探--thrift安装及java入门实例

    转载:https://www.cnblogs.com/fingerboy/p/6424248.html 公司的一些平台服务框架底层封装了thrift提供服务,最近项目不是很紧,于是研究了一下,刚刚入门 ...

  7. Redis缓存Mysql模拟用户登录Java实现实例[www]

    Redis缓存Mysql模拟用户登录Java实现实例 https://jingyan.baidu.com/article/09ea3ede1dd0f0c0aede3938.html redis+mys ...

  8. Flex Socket与Java通信实例说明（转）

    Flex Socket与Java通信实例说明(转) 这两天一直在flex的Socket ,现在终于懂了很多.由浅到深一步一步深入.慢慢体会实例,虽然实例都是在网上找的,但也经过了我的测试.我比较喜欢注 ...

  9. Java 正则表达式实例操作

    Regular Expression正则表达式,简称RegExp,常规通用的表达式,在多个开发语言中都有它的实现,可以通过正则表达式来快速的检索.匹配.查找.替换字符串中的文本. 简单实例 匹配网址 ...

随机推荐

  1. 双操作系统Grub 引导修护

    ,只要进入ubuntu :sudo update-grub 就行了! 它会自动给Grub添加NTFS模块,以支持NTFS下的文件读取 转自: http://zhidao.baidu.com/link? ...

  2. poj 1328

    http://poj.org/problem?id=1328 题意:题目大概意思就是有一群孤岛,想要用雷达来监视这些岛屿,但雷达的范围是有限的,所以需要多个雷达,题目就是要你解决最少需要几个雷达,注意 ...

  3. JS 保留小数点后面2位小数

    1. 最笨的办法....... [我就怎么干的.........] function get(){    var s = 22.127456 + "";    var str = ...

  4. PHP 调试用函数

    2014年7月4日 10:27:59 有些系统函数可以在调试程序时救急用: get_class_methods(); get_class_vars(); get_object_vars(); get_ ...

  5. Java for LeetCode 066 Plus One

    Given a non-negative number represented as an array of digits, plus one to the number. The digits ar ...

  6. Java for LeetCode 052 N-Queens II

    Follow up for N-Queens problem. Now, instead outputting board configurations, return the total numbe ...

  7. ubuntu下简单的驱动编译

    转自:http://www.eefocus.com/jefby1990/blog/13-02/291628_c39b8.html 本文是参考了网上多篇帖子而写的算不上什么原创.唯一值得欣慰的只不过在本 ...

  8. 完美搞定《DOCKER IN ACTION》第二章示例

    起来!!!命令如下: 建立第一个web docker docker run --detach --name web nginx:latest 建立第二个web_test docker docker r ...

  9. hdu 2795 线段树（纵向）

    注意h的范围和n的范围,纵向建立线段树 题意:h*w的木板,放进一些1*L的物品,求每次放空间能容纳且最上边的位子思路:每次找到最大值的位子,然后减去L线段树功能:query:区间求最大值的位子(直接 ...

  10. 谈谈“色彩空间表示方法”——RGB、YUY2、YUYV、YVYU、UYVY、AYUV

    转自:http://bbs.chinavideo.org/viewthread.php?tid=4143 还可参考http://www.fourcc.org/yuv.php 小知识:RGB与YUV-- ...