jquery easyui 结合jsp简单展现table数据示例


Posted in Javascript onApril 18, 2014
<%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
<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-1.8.0.min.js"></script> 
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> </head> 
<body> 
<table id="dg" title="My Users" class="easyui-datagrid" style="width:500px;height:250px" 
url="getUsers.jsp" 
toolbar="#toolbar" rownumbers="true" 
fitColumns="true" singleSelect="true"> 
<thead> 
<tr> 
<th field="firstname" width="50">First Name</th> 
<th field="lastname" width="50">Last Name</th> 
<th field="phone" width="50">Phone</th> 
<th field="email" width="50">Email</th> 
</tr> 
</thead> 
</table> 
</body> 
</html>

<%@page import="net.sf.json.JSONArray"%> 
<%@page import="java.util.*"%> 
<%@page import="org.codehaus.jackson.map.ObjectMapper"%> 
<%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 
<% 
//String json = "{\"firstname\":\"firstname\",\"lastname\":\"lastname\",\"phone\":123456,\"email\":\"281446883@qq.com\"}"; 
List<Map<String,String>> list = new ArrayList<Map<String,String>>(); 
Map<String,String> user1 = new HashMap<String,String>(); 
user1.put("firstname", "name1"); 
user1.put("lastname", "name2"); 
user1.put("phone", "1234"); 
user1.put("email", "281446888@qq.com"); 
list.add(user1); Map<String,String> user2 = new HashMap<String,String>(); 
user2.put("firstname", "name2"); 
user2.put("lastname", "name4"); 
user2.put("phone", "1234"); 
user2.put("email", "281446888@qq.com"); 
list.add(user2); 
JSONArray jsonArray = JSONArray.fromObject(list); 
System.out.println(jsonArray.toString()); 
Map<String,Object> map = new HashMap<String,Object>(); 
map.put("total", 1); 
map.put("rows", jsonArray); 
ObjectMapper objMap = new ObjectMapper(); 
objMap.writeValue(response.getWriter(), map); 
//System.out.println(json); 
%> 
</body> 
</html>

效果:
jquery easyui 结合jsp简单展现table数据示例
Javascript 相关文章推荐
JQuery事件e参数的方法preventDefault()取消默认行为
Sep 26 Javascript
js 弹出框只弹一次(二次修改之后的)
Nov 26 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
Feb 23 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
Oct 31 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 Javascript
浅析js中substring和substr的方法
Nov 09 Javascript
jQuery绑定事件的四种方式介绍
Oct 31 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
Feb 14 Javascript
JS中注入eval, Function等系统函数截获动态代码
Apr 03 Javascript
JavaScript, select标签元素左右移动功能实现
May 14 Javascript
js实现星星海特效的示例
Sep 28 Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 #Javascript
用jquery仿做发微博功能示例
Apr 18 #Javascript
实例说明为什么不要行内使用javascript
Apr 18 #Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
Apr 18 #Javascript
禁用Tab键JS代码兼容Firefox和IE
Apr 18 #Javascript
JQuery each()嵌套使用小结
Apr 18 #Javascript
JavaScript编程的10个实用小技巧
Apr 18 #Javascript
You might like
2019年漫画销量排行榜:鬼灭登顶 海贼单卷制霸 尾田盛赞鬼灭
2020/03/08 日漫
JS与PHP向函数传递可变参数的区别实例代码
2011/05/18 PHP
PHP请求Socket接口测试实例
2016/08/12 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
php正则修正符用法实例详解
2016/12/29 PHP
php生成二维码不保存服务器还有下载功能的实现代码
2018/08/09 PHP
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
JavaScript调试工具汇总
2014/12/23 Javascript
js中flexible.js实现淘宝弹性布局方案
2020/06/23 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
Vue2.x中的父组件传递数据至子组件的方法
2017/05/01 Javascript
nodejs中解决异步嵌套循环和循环嵌套异步的问题
2017/07/12 NodeJs
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
2018/02/03 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
2018/04/20 Javascript
Vue实现左右菜单联动实现代码
2018/08/12 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
2019/01/08 jQuery
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
Python使用redis pool的一种单例实现方式
2016/04/16 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
python中round函数如何使用
2020/06/19 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
YSL圣罗兰美妆官方旗舰店:购买YSL口红
2018/04/16 全球购物
大学教师年终总结的自我评价
2013/10/29 职场文书
毕业生自荐书
2013/12/18 职场文书
生产部统计员岗位职责
2014/01/05 职场文书
售后服务承诺书模板
2014/05/21 职场文书
保护校园环境倡议书
2015/04/28 职场文书
MySQL慢查询优化解决问题
2022/03/17 MySQL