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. MVC ViewBag和ViewData的区别

    在MVC3开始,视图数据可以通过ViewBag属性访问,在MVC2中则是使用ViewData.MVC3中保留了ViewData的使用.ViewBag 是动态类型(dynamic),ViewData 是 ...

  2. Count Numbers with Unique Digits

    Given a non-negative integer n, count all numbers with unique digits, x, where 0 ≤ x < 10n. Examp ...

  3. IE8 不支持html5 placeholder的解决方案

    IE8不支持html5 placeholder的解决方法. /** * jQuery EnPlaceholder plug * version 1.0 2014.07.01戈志刚 * by Frans ...

  4. AngularJS学习笔记1

    简介 AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式,这种方式可以让你扩展HTML的语法,以弥补在构建动态WEB应用时静态文本的不足,从而在web应用程序中使 ...

  5. [转]Java 内部类笔记

    内部类是指在一个外部类的内部再定义一个类.内部类作为外部类的一个成员,并且依附于外部类而存在的.内部类可为静态,可用protected和private修饰(而外部类只能使用public和缺省的包访问权 ...

  6. eclipse + Android Studio 集成 Genymotion 模拟器

    Genymotion 官网 -- android 模拟器https://www.genymotion.com 虚拟机下载安装目录C:\Users\xxx\AppData\Local\Genymobil ...

  7. 用PHP语言做网站常见漏洞有哪些?

    第一:SQL注入漏洞    在进行网站开发的时候,程序员由于对用户输人数据缺乏全面判断或者过滤不严导致服务器执行一些恶意信息,比如用户信息查询等.黑客可以根据恶意程序返回的结果获取相应的信息.这就是所 ...

  8. 如何正确读取war包中配置文件的路径

    转自:http://free-chenwei.iteye.com/blog/1507480 下面展示一段代码String path = getClass().getResource("/&q ...

  9. Windbg 双机代码同步调试设置

    Windbg的设置 Windbg的设置 Windbg本身可以直接从微软的网站上下载下载地址:http://www.microsoft.com/whdc/devtools/debugging/defau ...

  10. 【spring bean】bean的配置和创建方式

    ---恢复内容开始--- 项目结构如下: lib如下: 1.首先建立SayHell.java接口 package com.it.sxd; public interface SayHell { publ ...