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. 【OpenStack】OpenStack系列13之Nova源码解析与API扩展

    学习思路 议程:代码结构-主干流程-分层架构-业务模型-数据库模型-消息模型 分布式架构:Api:横向扩展    rpc:纵向扩展 分层架构:Controller接口层.View/Manager逻辑层 ...

  2. 玩转ubuntu FAQ

    一.用wubi安装ubuntu的时候自动重新下载 1.双击ubuntu.ios让windows加载这个镜像 2.断开网络 二.安装其他程序时提示Error: Dependency is not sat ...

  3. Android 中的selector

    今天做程序时,发现了selector 选择器不单单能用系统的自定义属性(比如,  <item android:state_selected="true" android:co ...

  4. Python多线程（1）——介绍

    Python对多线程提供了很好的支持,Python中多线程相关的模块包括:thread,threading,Queue.可以方便地支持创建线程.互斥锁.信号量.同步等特性. 1. thread:多线程 ...

  5. python scrapy cannot import name xmlrpc_client的解决方案，解决办法

    安装scrapy的时候遇到如下错误的解决办法: "python scrapy cannot import name xmlrpc_client" 先执行 sudo pip unin ...

  6. native app

    Apache Cordova是PhoneGap贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎.你可以把他想象成类似于Webkit和Google ...

  7. mysql 数据库获取当前时间

    mysql> select now(); +---------------------+ | now() | +---------------------+ | 2016-05-27 17:34 ...

  8. Linux命令自己总结

    对于每一个Linux学习者来说,了解Linux文件系统的目录结构,是学好Linux的至关重要的一步.,深入了解linux文件目录结构的标准和每个目录的详细功能,对于我们用好linux系统只管重要,下面 ...

  9. 设计模式学习起点 UML类图笔记

    UML类图笔记 大学开设的软件设计课程一般都会学习UML类图,大部分关于设计模式的描述都是使用的UML类图,可以说类图的表示是学习设计模式的起点.UML定义类之间的关系主要有六种:泛化关系.实现关系. ...

  10. Java Hour 48 Servlet 简介

    搞Java Web 开发,绕不开的就是Servlet 了.传说Servlet 是一种比JSP 更加古董的动态网页编程技术.在没有JSP 之前,Servlet 同时充当了展现层,业务逻辑层和持久层. 这 ...