环境准备

　　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. 使Docker Container支持运行SWT程序

    1, 下载安装JDK的docker container 我是从这个源下载已经做好的JDK8的container: https://registry.hub.docker.com/u/dockerfil ...

  2. php封装微信SDK

    <?phpclass JSSDK { private $appId = '你公众号的appid'; private $appSecret = '你公众号的appSecret'; public f ...

  3. juqery模板 Templates

    现在已经有了许多JavaScript的解决方案模板,从这方面说,标准化的模板解决方案必然是大势所趋.在本节中,我们向你简要描述四个最流行最有趣的模板.现有的模板解决方案能解决什么?那些特色在jQuer ...

  4. JFinal - scheduler 插件做定时任务

    我在项目中遇到一个需求:服务运行期间,数据库要定期去监测某表并且更新. 正好项目是使用 jfinal 做的,于是就用了 jfinal-scheduler 插件来解决(jfinal-scheduler ...

  5. Docker常见问题解决

    一.Docker中运行ubuntu容器,字体颜色太深导致无法看清 解决方案: 1. 利用dircolors命令,查看我们的系统当前的文件名称显示颜色的值,然后利用管道重定向到用户目录下的任意一个文件( ...

  6. Ubuntu 12.04 Virtualbox 启用USB 设备支持

    转载自:http://www.cnblogs.com/ericsun/archive/2013/06/10/3130679.html 具体步骤在上面的链接中 今天在ubuntu下安装了Virtualb ...

  7. 一个简单确非常实用的javascript函数

    在写js的时候,往往会碰到字符串拼接的问题,如果简单,直接使用+号连接字符串就可以了, 但是如果复杂,+用起来就非常不爽,在.net中有,Sting.Format函数,用起来还是很爽的,于是就想着js ...

  8. JAVA 重复提交

    FormServlet package servlet; import java.io.IOException; import javax.servlet.ServletException; impo ...

  9. [ubuntu]用ubuntu开发的日子----win7 ubuntu双系统

    小子终于忍不了win7某些蛋疼的设定,看群里好多大牛推荐mac,但资金紧张,只好推而求其次使用ubuntu,但是由于公司工作环境是windows,所以还必须保留windows系统,一次决定双系统. 下 ...

  10. linux指令（一）文件的操作

    ls -i 查看文件的inode号 find ./ inum 1651190 -exec rm  -i {} \; 根据inode号删除文件