首先我们考虑一下在项目投票种用到的属性(ID,投票标题,备选项目,参与人数)

entity

package cn.entity;

public class GridNode {

    private Long id;

    private String title;

    private Integer type ;

    private String version;

    private String options;

    private String participants;

    public Long getId() {

        return id;

    }

    public void setId(Long id) {

        this.id = id;

    }

    public String getTitle() {

        return title;

    }

    public void setTitle(String title) {

        this.title = title;

    }

    public String getVersion() {

        return version;

    }

    public void setVersion(String version) {

        this.version = version;

    }

    public String getOptions() {

        return options;

    }

    public void setOptions(String options) {

        this.options = options;

    }

    public String getParticipants() {

        return participants;

    }

    public void setParticipants(String participants) {

        this.participants = participants;

    }

    public GridNode() {

        super();

        // TODO Auto-generated constructor stub

    }

    public GridNode(Long id, String title, Integer type, String options,

            String participants) {

        super();

        this.id = id;

        this.title = title;

        this.type = type;

        this.options = options;

        this.participants = participants;

    }

    public GridNode(Long id, String title, String options, String participants) {

        super();

        this.id = id;

        this.title = title;

        this.options = options;

        this.participants = participants;

    }

    public Integer getType() {

        return type;

    }

    public void setType(Integer type) {

        this.type = type;

    }

}

编写sl7.jsp(实现基础及配置)

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

<%

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 'sl7.jsp' starting page</title>

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

<link rel="stylesheet" type="text/css" href="<%=path%>/easyUI/themes/icon.css">

<link rel="stylesheet" type="text/css" href="<%=path%>/easyUI/css/demo.css">

<script src="<%=path%>/js/jquery-1.8.3.js"></script>

<script src="<%=path%>/js/jquery.easyui.min.js"></script>

<script>

$(function(){

$('#dg').datagrid({    //远程请求数据的url路径

url:'<%=path%>/SL/sl7_server.jsp',

pagination:true, //显示底部分页栏

pageSize:5,    //默认每页记录数

pageList:[5,10,15], //显示列表记录数的下拉框选项

columns:[[

{field:'ck',checkbox:true},

{field:'title',title:'投票标题',width:408},

{field:'options',title:'备选项数',width:60,align:'center'},

{field:'participants',title:'参与人数',styler:myStyler}

]],

singleSelect:true,

rownumbers:true,

iconCls: 'icon-search',

fitColumns:true,//自适应宽度，防止水平滚动

striped:true,//隔行变色

loadMsg:"正努力为您加载中......"

});

});

function myStyler(value,row,index){

if (value < 5){

return 'background-color:#ffee00;color:red;';

}else if(value > 15){

return 'color:green;';

}

}

</script>

</head>

<body>

<table id="dg" title="投票列表" class="easyui-grid" style="width:700px;height:215px"></table>

</body>

</html>

编写josn(添加数据与分页页数的配置)

<%@ page language="java" import="java.util.*,cn.entity.*" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<%

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

list.add(new GridNode(1L,"选出你心目中最好的下载工具","2","6"));

list.add(new GridNode(2L,"选出你心目中最好的输入法","5","4"));

list.add(new GridNode(3L,"选出你心目中最好的浏览器","5","11"));

list.add(new GridNode(4L,"选出你心目中最好的杀毒软件","6","4"));

list.add(new GridNode(5L,"选出你心目中最好的社交软件","3","14"));

list.add(new GridNode(6L,"选出你心目中最好的聊天工具","3","2"));

list.add(new GridNode(7L,"选出你心目中最好的翻译软件","5","0"));

list.add(new GridNode(8L,"选出你心目中最好的播放器","2","23"));

list.add(new GridNode(9L,"选出你心目中最好的免费软件","4","7"));

list.add(new GridNode(10L,"选出你心目中最好的录音软件","4","18"));

list.add(new GridNode(11L,"选出你心目中最好的刷机软件","5","6"));

//获取客户端传递的分页参数 默认参数rows表示每页显示记录条数， 默认参数page表示当前页数

Integer pageSize = Integer.parseInt(request.getParameter("rows"));

Integer pageNumber = Integer.parseInt(request.getParameter("page"));

StringBuilder builder = new StringBuilder("{\"total\":"+list.size()+",\"rows\":[");

int start = (pageNumber-1) * pageSize;//计算开始记录数

int end = start+pageSize;//计算结束记录数

for(int i=start;i<end && i<list.size();i++){

GridNode gn = list.get(i);

builder.append("{\"id\":\""+gn.getId()+"\",\"title\":\""+gn.getTitle()+"\",\"options\":"+gn.getOptions()+",\"participants\":"+gn.getParticipants()+"},");

}

String gridJSON = builder.toString();

if(gridJSON.endsWith(",")){

gridJSON = gridJSON.substring(0,gridJSON.lastIndexOf(","));

}

out.print(gridJSON+"]}");

%>

easy_UI 投票列表的更多相关文章

  1. 利用django创建一个投票网站（五）

    创建你的第一个 Django 项目, 第五部分 这一篇从第四部分(en)结尾的地方继续讲起.我们在前几章成功的构建了一个在线投票应用,在这一部分里我们将其创建一些自动化测试. 自动化测试简介 自动化测 ...

  2. Django写的投票系统3（转）

    Django的管理面板默认是不开启的,所以我们需要进行一些设置工作1.在INSTALLED_APPS里面把 django.contrib.admin 前面的注释去掉2.运行 python manage ...

  3. Hyperledger Fabric 实战(十): Fabric node SDK 样例 - 投票DAPP

    Fabric node SDK 样例 - 投票DAPP 参考 fabric-samples 下的 fabcar 加以实现 目录结构 . ├── app │ ├── controllers │ │ └─ ...

  4. PHPCMS 模板制作标签

    内容模块: 栏目调用1: {pc:content action="category" catid="0" num="25" siteid=& ...

  5. 原生JS实现各种经典网页特效——Banner图滚动、选项卡切换、广告弹窗等

    在制作网页过程中,我们可能会遇到各种常用的经典网页特效,比如Banner图片滚动.选项卡循环播放.右下角广告弹窗.评论提交展示.选项动态增删.剪刀石头布小游戏等等等...是不是感觉都见到过这些场景.那 ...

  6. 【Alpha】Scrum Meeting 10

    目录 前言 任务分配 燃尽图 会议照片 签入记录 困难 前言 第10次会议于4月14日19:00在教一316召开. 交流确认了任务进度,对下一阶段任务进行分配.时长40min. 任务分配 姓名 当前阶 ...

  7. Python学习笔记第二十七周（Bootstrap）

    目录: 全局样式 一.栅格系统 二.表单 三.按钮  四.导航 五.按钮组 六.面板 七.表格 八.分页 九.排版 十.图片 十一.辅助类 十二.响应式工具 组件 内容: 前言: 首先通过https: ...

  8. angularjs springMVC 交互

    AngularJS中的$resource使用与Restful资源交互 1.AngularJS中的 $resource 这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数 ...

  9. python-django开发学习笔记四

    先插入一条广告,博主新开了一家淘宝店,经营自己纯手工做的发饰,新店开业,只为信誉!需要的亲们可以光顾一下!谢谢大家的支持!店名: 小鱼尼莫手工饰品店经营: 发饰.头花.发夹.耳环等(手工制作)网店: ...

随机推荐

  1. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（10）-系统菜单栏[附源码]

    系列目录 似乎我们需要更多的模块了,我们有一个样例程序,可以帮助我们以后的系统开发做很多对照,我们稍后还有系统日志和系统异常的记录,这时浏览发生了困难,我们这一节来完成一个大家比较喜欢的东西吧,系统菜 ...

  2. 谁是2016年的.NET开发者？

    Nora Georgieva (http://www.telerik.com/blogs/infographic-the-dotnet-developer-of-2016) Whether you h ...

  3. Hawk 2. 软件界面介绍

    2. 软件界面介绍 1. 基本组件 Hawk采用类似Visual Studio和Eclipse的Dock风格,所有的组件都可以悬停和切换.包括以下核心组件: 左上角区域:主要工作区,任务管理. 下方: ...

  4. .NET MVC4 Razor视图预编译（一）

    在平时使用.NET MVC中不乏有类似的需求:某些razor视图,特别是系统后台的视图,不想让用户自行更改,需要通过某种方法把视图模板编译到项目的dll中去. 但是VS并不提供razor的预编译,如果 ...

  5. MySQL关于exists的一个bug

    今天碰到一个很奇怪的问题,关于exists的, 第一个语句如下: SELECT ) FROM APPLY t WHERE EXISTS ( SELECT r.APPLY_ID FROM RECORD ...

  6. Java多线程系列--“JUC锁”03之 公平锁(一)

    概要 本章对“公平锁”的获取锁机制进行介绍(本文的公平锁指的是互斥锁的公平锁),内容包括:基本概念ReentrantLock数据结构参考代码获取公平锁(基于JDK1.7.0_40)一. tryAcqu ...

  7. 【NLP】Tika 文本预处理：抽取各种格式文件内容

    Tika常见格式文件抽取内容并做预处理 作者 白宁超 2016年3月30日18:57:08 摘要:本文主要针对自然语言处理(NLP)过程中,重要基础部分抽取文本内容的预处理.首先我们要意识到预处理的重 ...

  8. 简单动态规划-LeetCode198

    题目:House Robber You are a professional robber planning to rob houses along a street. Each house has ...

  9. 个人随想：对于一个.Neter来说，如果一直想走技术路线，该怎么走下去

    前言 首先我不是一个合格的.Neter,也许在这里我的技术算是很菜的,不过我也是有想法的人,下面罗列出我的想法和将要实现的技术路线图. 1.学习一门底层语言 比如学习C语言,学习C语言的最终目的我觉得 ...

  10. C#开机自动启动程序代码

    新建一个winform拖一个checkbox进来.. 然后设置它的changed事件. 已经测试过,可以直接复制使用. private void checkBox1_CheckedChanged(ob ...