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. 《ASP.NET1200例》统计网站访问量源代码

    void Application_Start(object sender, EventArgs e)     {        //在应用程序启动时运行的代码        int count=0;  ...

  2. 关于Linux下进程间使用共享内存和信号量通信的时的编译问题

    今天在编译一个使用信号量实现进程同步时,出现了库函数不存在的问题.如下图 编译结果实际上是说,没include相应的头文件,或是头文件不存在(即系统不支持该库函数) 但我man shm_open是可以 ...

  3. oracle、mysql、sybase和sqlserver复制表结构和数据

    Sql Server(sybase): 1．复制表结构: 新建表student2,并且结构同表syn_xj_student一致.Sql语句如下: 2．复制表数据,并排除俩表中相同的数据: insert ...

  4. iOS 中使用Base64编码方式编码图片数据

    最近一个项目要求对图片数据简单加密下,就是那种不能直接看到图片内容就行.于是我使用了base64编码对图片数据进行编码,把图片2进制数据变成了base64的字符串,再把这个字符串保存到server的数 ...

  5. css3学习总结5--CSS3文本效果

    CSS3 文本效果 1. text-shadow 2. word-wrap text-shadow属性使用方法 text-shadow属性使用方法如下所示. text-shadow:length le ...

  6. Eclipse 中Tomcat 启动 与直接启动Tomcat的区别

    这段时间不用Java 了突然发现在用的时候出问题了. 首先现在Eclipse和Tomcat,解压后 如图1所示: 图1: 进入里面的bin文件目录后发现有 如图2所示包含了startup.bat,st ...

  7. unsatisfied类型的异常

    一般为libs包下arm64-v8a,armeabi,armeabi-v7a,mips,mips64,x86,x86_64等文件夹下的.so文件丢失. 一般情况,armeabi下的so文件需要拷贝一份 ...

  8. AsyncHttpClient

    package com.jingle.httpstudy;   import org.apache.http.Header;   import android.app.Activity; import ...

  9. java 基本数据类型

    long 是长整型,在怎么长本身也是整型,12.10的整形部分是12,当然结果是12, byte: 八位整数 -128——127,可用来节省内存的使用.short: 16位整数 -32768——32, ...

  10. 会员制实现C2B定制有机农产品，被中粮我买投资的良食网这样卖有机生鲜

    前几天,中粮我买网战略投资了位于深圳的有机生鲜自营平台良食网,宣布双方将会在供应链上展开合作.然而良食网对大家来说还是比较陌生的,为此36氪专访了良食网的创始人唐忠. 良食网成立于2011年,是一家以 ...