现在的值是竖排,我想横排,每行显示2条信息,请问怎么弄
<%@page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Flexigrid测试</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" type="text/css"
href="css/flexigrid/flexigrid.css">
<script type="text/javascript" src="lib/jquery/jquery.js"></script>
<script type="text/javascript" src="flexigrid.js"></script>
</head>
<body>
<table id="flex1" style="display: none"></table>
<script type="text/javascript">
$("#flex1").flexigrid
(
{
url: 'http://localhost:8080/Flexigrid/DBServlet',
dataType: 'json',
colModel : [
{display: '职位名称', name : 'job_name', width : 180, sortable : true, align: 'left'}
],
buttons : [
{name: 'Add', bclass: 'add', onpress : test},
{name: 'Delete', bclass: 'delete', onpress : test},
{separator: true}
],
searchitems : [
{display: '职位名称', name : 'jobtitle'},
{display: '地点', name : 'workplace', isdefault: true}
],
usepager: true,
title: '最新职位',
useRp: true,
rp: 15,
showTableToggleBtn: true,
width: 700,
height: 200 ,
procmsg: '正在获取数据,请稍候 ...'
}
);
function test(com,grid)
{
if (com=='Delete')
{
confirm('Delete ' + $('.trSelected',grid).length + ' items?')
}
else if (com=='Add')
{
alert('Add New Item');
}
}
</script>
</body>
java代码
public String getJsonString(List list, Map pageInfo) {
List mapList = new ArrayList();
for(int i = 0; i < list.size(); i++) {
Map cellMap = new HashMap();
cellMap.put("id", ((Map)list.get(i)).get("id"));
cellMap.put("cell", new Object[] {((Map)list.get(i)).get("job_name")});
mapList.add(cellMap);
}
pageInfo.put("rows", mapList);
JSONObject object = new JSONObject(pageInfo);
return object.toString();
}
- 大小: 2.5 KB
分享到:
- 2009-08-25 15:57
- 浏览 581
- 评论(1)
- 论坛回复 / 浏览 (1 / 1307)
- 查看更多
相关推荐
最近项目要用jquery开发,于是打算用flexigrid做表格功能,但是遇到了数据不能显示、IE下显示等问题(在FF下显示正常)。于是花了2个小时时间对flexigrid.pack.js进行调试,经过苦闷的两个小时后,皇天不负有心人,...
一个简单的 jquery 两个表格数据行交换数据的功能源码
jQuery横排显示带有上下翻页按钮的图像滑动展示效果.zip
jQuery去读取json的数据非常非常方面而且大大提高了用户界面的可读性,提高了读取的效率,比读xml文件更加方面
table 绑定数据 jquery 分页 table 绑定数据 jquery 分页 table 绑定数据 jquery 分页
jQuery表格插件无刷新表格控制分页显示数据
asp.net+jquery显示数据+分页
jquery.json-viewer, 用于显示JSON数据的jQuery插件 jQuery浏览器JSON浏览器是一个jQuery插件,它可以通过将JSON对象转化为HTML来轻松显示JSON对象。功能:语法高亮显示在单击时折叠和展开子节点可以点击链接易于...
jQuery隐藏显示密码插件 jQuery隐藏显示密码插件 jQuery隐藏显示密码插件
之前写过一个JQuery竖排Tab的代码示例,现在补充写了一个横排的,并结合了iframe的使用,自己项目的样式或者一些补充功能都可以基于此示例延伸开发
使用jquery实现数据分页显示,有内存分页也有数据库分页。
jQuery数据列表新增或修改删除代码
在servlet中生成List数据集合,通过jquery将数据填充在前台页面的表格中
jquery 上传图片显示
Letter-by-Letter-JS是一款可以实现逐字逐句显示文字的jQuery插件。通过该插件你可以将一个段落的文字内容一个字一个字的逐一显示。文字的显示可以是打印机效果,也可以设置为淡入淡出效果,同时还可以控制文字的...
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里...
jquery 动态显示时间 jquery 动态显示时间
使用jquery+ajax获取后台数据生成下拉选框
用jQuery,结合PHP和Mysql,通过实例讲解如何实现Ajax数据加载效果。