文档章节

jfinal与jqgrid结合实例。

控制自己
 控制自己
发布于 2013/01/05 11:51
字数 297
阅读 1432
收藏 12

直接上代码:

index.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
<link rel="stylesheet" type="text/css" media="screen" href="css/jqGrid/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/jqGrid/ui.jqgrid.css" />

<script src="js/jqGrid/js/json2.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jquery.layout.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<script src="js/jqGrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jquery.contextmenu.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jquery.tablednd.js" type="text/javascript"></script>


<script src="js/test.js" type="text/javascript"></script>

<table id="supervise" cellpadding="0" cellspacing="0"></table>
<div id="pjmap"></div>
<script>
$(document).ready(function(){
 
    $("#supervise").getSupervise();
    
})
</script>
</body>
</html>

test.js

jQuery.fn.getSupervise=function(){
      jQuery("#supervise").jqGrid({
          url: "test/list",
          datatype: 'json',
        mtype: 'POST',
        colNames:['id','name'],
        colModel :[
            {name:'id',label:'id',width:20},
            {name:'name', label:'name', width:60},
        ],
          jsonReader: {
                repeatitems: false,
                
            },
        rowNum:10,
           rowList:[10,20,30],
           pager: '#pjmap',        
        height:'300',
        width:'760',
        loadtext: '正在加载数据...',
        loadui : 'block',
        viewrecords: true,
        imgpath: '/front_res/css/jqGrid/images',
        caption: '舆情数据'
        
      }
      );
      jQuery("#supervise").jqGrid('supervise','#pjmap',{edit:false,add:false,del:false});
}
      
TestController.java

public class TestController extends Controller {
    public void list() {
        Page<Test> rows = Test.dao.paginate(getParaToInt("page", 1), 10, "select *", "from test");
        
        Map root = new HashMap();
        root.put("total", rows.getTotalPage());
        root.put("page", rows.getPageNumber());
        root.put("records", rows.getTotalRow());
        
        root.put("rows", rows.getList());
        
        renderJson(JsonKit.toJson(root));
    }
}

使用jfinal结合jqgrid就是这么简单。

© 著作权归作者所有

共有 人打赏支持
控制自己
粉丝 2
博文 1
码字总数 297
作品 0
武汉
私信 提问
加载中

评论(8)

s
sih
显示21和32条数据
s
sih
非常感谢
但是rowList:[10,20,30],这个没实现啊
zcqshine
zcqshine
灰常感谢作者的分享..正在做这个
土龙
土龙
我自己找的原因了, jsonReader: {
repeatitems: false,

}
把这个加上就好了,谢谢楼主的分享
土龙
土龙
报错:Uncaught TypeError: Cannot read property '0' of undefined ,请问楼主有遇到吗,谢谢
控制自己
控制自己
Page<Test> rows = Test.dao.paginate(getParaToInt("page", 1), 10, "select *", "from test");
    setAttr("total", rows.getTotalPage());    
    setAttr("page", rows.getPageNumber());    
    setAttr("records", rows.getTotalRow());    
    setAttr("rows", rows.getList());    
    renderJson();

谢谢缪斯的情人,这样java代码是一样的效果。
缪斯的情人
缪斯的情人
嗯,不错
JFinal
JFinal
第一篇 JFinal 与 jqgrid 整合的博文,谢谢分享 :)
JFinal 调用yourMode.save(),遇到关键字怎么处理?

@JFinal 你好!! 由于jqGrid需要配置,我就做了一个在数据库保存配置。 其中有一个关键字index,这个是jqGrid需要的参数,而且名字不能改动。 发现,在调用myGridColumnMode.save()系统保存...

蓝水晶飞机
2015/05/04
317
3
Record在序列化为json时,能否保留表名?

@JFinal 你好,想跟你请教个问题: Record在序列化为json时,能否保留表名? 我的应用场景如下: 1)前端采用JQGrid显示数据; 2)后端通过left join从a,b两个表中联查数据,包括:a.name ...

俸志刚
2013/01/22
233
1
ECP —— 界面挺吸引人的 CRM 进销存系统

ECP 是基于jfinal、avalon、bootstrap、jqGrid、snaker工作流开发的客户关系及进销存财务系统。 支持多企业使用。

oschina
2014/11/16
86
0
请问使用jfinal时使用jqgrid显示数据,怎么样方便?

我试了返回JSON但是jqgrid不能识别。 我返回的是字符串,如果再使用通用方法组装一次数据感觉不方便。 请问谁知道好办法。

控制自己
2012/12/31
393
3
解决jqGrid新增或编辑记录保存成功但提示错误的问题

在上一篇文章《》中,我们详细说明了一下如何创建一个可以使用增删改操作的jqGrid。 但是在实际的修改、新增保存中,会看到如下的错误提示:error Status:"OK".Error code: 900。实际上,修改...

yonge
2009/12/14
5.8K
1

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 世界的源代码

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @小鱼丁 :#今日歌曲推荐# 分享Jason Mraz的单曲《Prettiest Friend (Demo)》: 《Prettiest Friend (Demo)》- Jason Mraz 手机党少年们想听歌...

小小编辑
今天
59
5
java框架学习日志-13(Mybatis基本概念和简单的例子)

在mybatis初次学习Mybatis的时候,遇到了很多问题,虽然阿里云的视频有教学,但是视频教学所使用的软件和我自己使用的软件不用,我自己用的数据库是oracle数据库,开发环境是idea。而且视频中...

白话
今天
10
0
Java基础:String、StringBuffer和StringBuilder的区别

1 String String:字符串常量,字符串长度不可变。Java中String是immutable(不可变)的。 String类的包含如下定义: /** The value is used for character storage. */private final cha...

watermelon11
今天
6
0
mogodb服务

部署MongoDB 官网: https://www.mongodb.com/download-center/community 创建mongo数据目录 mkdir /data/mongodb 二进制部署 wget -c https://fastdl.mongodb.org/linux/mongodb-linux-x8......

以谁为师
昨天
5
0
大神教你Debian GNU/Linux 9.7 “Stretch” Live和安装镜像开放下载

Debian项目团队于昨天发布了Debian GNU/Linux 9 "Stretch" 的第7个维护版本更新,重点修复了APT软件管理器中存在的安全漏洞。在敦促每位用户尽快升级系统的同时,Debian团队还发布了Debian ...

linux-tao
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部