环境准备

　　1.dataTables

　　　　下载：http://download.csdn.net/detail/marskuroky/8173839

　　2.jsonObject

　　　　下载：http://download.csdn.net/detail/marskuroky/8173831

前台代码

　　只是简单测试，把bean放在了session中，方便提取

<jsp:useBean id="userInfo" class="XXX.UserInfoSessionBean" scope="session"></jsp:useBean>

　　dataTables代码展开，放到相应的路径（我的/WEB-INF/JS/）

　　jsp代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="XXX.Const"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@taglib prefix="s" uri="/struts-tags"%>

<jsp:useBean id="userInfo" class="XXX.UserInfoSessionBean" scope="session"></jsp:useBean>

<%

    String basePath = request.getContextPath() + "/";

%>

<html>

<head>

<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />

<link href="<%=basePath%>js/DataTables/media/css/jquery.dataTables.min.css"  rel="stylesheet" type="text/css" media="screen" />

<link href="<%=basePath%>js/DataTables/media/css/jquery.dataTables.css"  rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript" src="<%=basePath%>js/DataTables/media/js/jquery.js"></script>

<script type="text/javascript" src="<%=basePath%>js/DataTables/media/js/jquery.dataTables.js"></script>

<style type="text/css">

    .borRed{

        color:red;

    }

</style>

<script type="text/javascript" language="javascript">

var tmail = <%=userInfo.getMailAddr()%>

alert(tmail[].adOwnId);

$(document).ready(function() {

    //$('#demo').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' );

    alert();

    $("#example").dataTable({

        "aaData": tmail,

                "aoColumns": [

                    { "mDataProp": "selectedRateUsd" },

                    { "mDataProp": "selectedRateJpy" },

                    { "mDataProp": "adOwnId" },

                    { "mDataProp": "connDbId" },

                ]

            } );

});

</script>

<title>Insert title here</title>

</head>

<body>

<div id="contents">

<table id="example">

    <thead>

        <tr>

            <th>test1</th>

            <th>test2</th>

            <th>test3</th>

            <th>test4</th>

        </tr>

    </thead>

    <tbody>

    </tbody>

</table>

</div>

</body>

</html>

　　后台代码

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

        UserInfoSessionBean bean1 = new UserInfoSessionBean();

        bean1.setAdOwnId();

        bean1.setConnDbId("");

        list.add(bean1);

        UserInfoSessionBean bean2 = new UserInfoSessionBean();

        bean2.setAdOwnId();

        bean2.setConnDbId("");

        list.add(bean2);

        JSONArray json = JSONArray.fromObject(list);

// userInfo是准备存在session中的bean

userInfo.setMailAddr(json.toString());

　　

jquery_datatables的更多相关文章

随机推荐

  1. easyui-window 关闭事件，只要关闭窗口就会触发

    $(function () {            $('#windowsMSG').window({                onBeforeClose: function () { //当 ...

  2. mysql connection refused

    mysql数据库认证的时候和别的服务器不一样,即使mysqld数据库服务器没有启动,使用mysql这种客户端程序去连接,也要先输入密码,从而使人有一种错觉,以会服务器已经正常启动了.是不是密码或是主机 ...

  3. 移动端js写法

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  4. Java-坦克大战

    利用Java语言中的集合.Swing.线程等知识点编写一个坦克大战游戏.(1) 画出敌我坦克的原理:在坦克类里面有一个布尔类型变量good.用于判断坦克的阵营,在创建坦克对象时在Tank类的构造方法中 ...

  5. Spark学习（四） -- Spark作业提交

    标签(空格分隔): Spark 作业提交 先回顾一下WordCount的过程: sc.textFile("README.rd").flatMap(line => line.s ...

  6. 【转】CSS:table-cell详解

    table-cell这个家伙在国外的网站中偶有露头,天朝由于IE6.7这两个货泛滥成灾,难有发挥,那么,这个家伙到底能干些什么呢?先让我们来研究下table,那些年曾经使用的table布局为何如此辉煌 ...

  7. requirejs加载css样式表

    1. 在 https://github.com/guybedford/require-css 下载到require-css包 2. 把css.js或者css.min.js复制到项目的js目录下 3. ...

  8. apache服务器安装以及使用passenger插件部署rails应用

    小例子可以部署在rails自带的WEBrick上,逐渐往后走还得上Apache. 安装apache服务器 命令是sudo apt-get install apache2 安装passenger插件 安 ...

  9. DuiLib 源码分析之CDuiString

    duilib是一个比较常见的界面库,闲来无事看看别人写的代码,跟自己写的一比, 才看到了差距呀,感觉自己写的乱七八糟,keep moving CduiString是duilib提供的一个字符串类,功能 ...

  10. 给博客添加Flash时钟

    依稀记得在cnblogs很多大牛的博客里见到过大牛的新闻公告栏里那种动感十足的Flash时钟控件,先上图: 作为一名刚的接触博客菜鸟,自然免不了一番好奇.博客设置选项里翻来覆去找(以为是cnblogs ...