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. ExecutorService 和 NSOperationQueue

    ExecutorService,简化了Android中的并发处理,NSOperationQueue简化了iOS中的并发处理.它们都管理线程池,作用十分相近,下面简单说明一下. 1.ExecutorSe ...

  2. mysql源码：关于innodb中两次写的探索

    两次写可以说是在Innodb中很独特的一个功能点,而关于它的说明或者解释非常少,至于它存在的原因更没有多少文章来说,所以我打算专门对它做一次说明. 首先说明一下为什么会有两次写这个东西:因为innod ...

  3. Java for LeetCode 190 Reverse Bits

    Reverse bits of a given 32 bits unsigned integer. For example, given input 43261596 (represented in ...

  4. Java跨平台原理

    此篇博文主要源自网络xiaozhen的天空的博客:http://xiaozhen1900.blog.163.com/blog/static/1741732572011325111945246/ 1.是 ...

  5. window.open()读取本地图片简单使用总结

    最近做了一个项目,需要读取本地图片出来,问了一些人,感觉在数据库中存取路径比较合适,故做此方法. 后台查询出来的路径

  6. POJ 2478 Farey Sequence（欧拉函数前n项和）

    A - Farey Sequence Time Limit:1000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u ...

  7. Android学习笔记——文件路径(/mnt/sdcard/...)、Uri(content://media/external/...)学习

    一.URI 通用资源标志符(Universal Resource Identifier, 简称"URI"). Uri代表要操作的数据,Android上可用的每种资源 - 图像.视频 ...

  8. MVC学习笔记---MVC生命周期及管道

    ASP.NET和ASP.NET MVC的HttpApplication请求处理管道有共同的部分和不同之处,本系列将体验ASP.NET MVC请求处理管道生命周期的19个关键环节. ①以IIS6.0为例 ...

  9. Integer取值范围和NumberFormatException的解决

    项目有个查询当地新闻的接口,从GEO文件中取得code,后台查询. 下午测试的时候查询日本:3920000000,结果报java.lang.NumberFormatException,数字格式化异常, ...

  10. ASP.NET MVC 3 使用Model自定义验证的样式

    1.修改jquery.validate.unobtrusive.js 将onError方法修改 //修改的部分 //////////////////////////////////////////// ...