$(function(){
$('#test').datagrid({
title:'分类',//表格标题
iconCls:'icon-save',//表格图标
nowrap: false,//是否只显示一行,即文本过多是否省略部分。
striped: true,
url:'../../linkadminjson/sortsAction.do', //action地址
sortName: 'parentID',
sortOrder: 'desc',
idField:'nodeID',
pageNumber:1,//当前页码
pageList:[2,4],//每一页显示的记录数,对就后台接收的rows
frozenColumns:[[
]],
columns:[[
{field:'title',title:'名称',width:150},
{field:'isindex',title:'首页显示',width:60},
{field:'ishot',title:'热门',width:60},
{field:'isnew',title:'最新',width:60},
{field:'property',title:'通过审核',width:60}
]],
pagination:true, //包含分页
rownumbers:true,
singleSelect:true,
toolbar:[{
text:'Add',
iconCls:'icon-add',
handler:function(){
alert('add')
}
},{
text:'Cut',
iconCls:'icon-cut',
handler:function(){
alert('cut')
}
},'-',{
text:'Save',
iconCls:'icon-save',
handler:function(){
alert('save')
}
}]
});
});
1.jquery easyui分页方式为ajax方式分页,所以需要再后台打印json格式的数据
{
"rows":[
{"hits":0,"id":62,"imgurl":"","info":"???????\r\n","ishot":0,"isindex":0,"isnew":0,"property":1,"puttime":"2010-10-03","sid":0,"sortnum":0,"title":"??????","url":"tt"},
{"hits":0,"id":63,"imgurl":"","info":"?????\r\n","ishot":0,"isindex":1,"isnew":0,"property":1,"puttime":"2010-10-03","sid":0,"sortnum":0,"title":"?????","url":"??"}
],
"total":8
}
rows: 当前显示的数据集
total:总记录数,这里记录数不是rows中的记录数,而是通过相应的hql (如:select count(*) from Sort)语句得来的记录数.
2.遇到hibernate的实体集不能转换成json格式的相关处理
如果是日期格式不能转换可以用如下方式(先去掉日期字段,看是否为日期字段不能转换):
json日期处理类
package com.dao.json;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
import net.sf.json.JsonConfig;
import net.sf.json.processors.JsonValueProcessor;
import net.sf.json.util.CycleDetectionStrategy;
public class DateJsonValueProcessor implements JsonValueProcessor {
public static final String DEFAULT_DATE_PATTERN = "yyyy-MM-dd HH:mm:ss";
private DateFormat dateFormat;
/**
* 构造方法.
*
* @param datePattern 日期格式
*/
public DateJsonValueProcessor(String datePattern){
try {
dateFormat = new SimpleDateFormat(datePattern);
} catch (Exception ex) {
dateFormat = new SimpleDateFormat(DEFAULT_DATE_PATTERN);
}
}
public Object processArrayValue(Object value, JsonConfig jsonConfig) {
return process(value);
}
public Object processObjectValue(String key, Object value, JsonConfig jsonConfig) {
return process(value);
}
private Object process(Object value) {
return dateFormat.format((Date) value);
}
}
action中json格式转换代码相应的代码:
JSONObject resultObj=new JSONObject();
JsonConfig cfg = new JsonConfig();
cfg.registerJsonValueProcessor(java.util.Date.class,new DateJsonValueProcessor("yyyy-MM-dd")) ;
resultObj.put("rows",JSONArray.fromObject(page.getResult(),cfg));
resultObj.put("total", page.getRowCount());//当分页建立时设置记录的总数量
3.action中需要接收并做出相应处理的几个参数说明
private int page; //当前页码,接收前台pageList:[...]中的相应的单个数据
private int rows;//每一页显示的行数
- 大小: 26 KB
分享到:
相关推荐
在本篇文章中,我们将探讨“jQuery EasyUI分页实现”的相关知识点,这在处理大量数据展示时尤其重要,因为它能够帮助用户以更易管理的方式浏览信息。 1. **jQuery EasyUI简介** jQuery EasyUI 是一套基于jQuery的...
总的来说,"jquery easyui pagination 分页插件扩展"是一个针对jQuery EasyUI分页组件的功能增强方案,旨在满足开发者的个性化需求,通过自定义代码或插件形式,实现更丰富、更灵活的分页效果。对于需要处理大量数据...
这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...
### jQuery EasyUI 分页功能详解 #### 一、概述 在使用jQuery EasyUI进行Web开发时,分页是一项非常实用且常见的功能。它能够帮助我们有效地处理大量的数据,提高用户体验。本文将详细介绍如何在jQuery EasyUI中...
jQuery EasyUI 的 API 文档通常会详细说明每个组件的使用方法、配置选项、事件以及方法。例如,Datagrid 的 API 可能会涵盖如何加载数据、如何处理行点击事件、如何进行数据排序等。开发者可以通过查阅API文档了解...
**jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个框架大大简化了网页界面的设计工作,使得...
在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...
jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了一系列易于使用的组件和插件,使得开发者能够快速构建出美观、功能丰富的用户界面。这个压缩包包含的是 jQuery EasyUI 的全套文件...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。1.3.6 版本是该框架的一个稳定版本,包含了丰富的功能和优化,旨在提高开发效率和用户体验。 在jQuery ...
《jQuery EasyUI中文手册》是针对JavaScript库jQuery EasyUI的一款详尽指南,旨在帮助开发者更好地理解和运用这个强大的前端框架。jQuery EasyUI基于jQuery,提供了一系列轻量级、易用的UI组件,使得开发者能够快速...
1. **数据展示**: 使用JQueryEasyUI的表格组件可以方便地展示数据库中的数据,支持排序、分页、过滤等功能。 2. **表单处理**: 表单组件如输入框、选择框、日期选择器等,可以帮助快速构建用户交互界面,方便用户...
同时,jQuery EasyUI支持数据网格(DataGrid),它能够展示大量数据,并提供排序、过滤、分页等功能,这对于数据展示和管理至关重要。 在代码部分,李炎恢老师提供的示例代码将帮助你更直观地理解讲义中的理论知识...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,用于快速构建用户界面。1.4.2 版本是这个框架的一个稳定版本,包含了许多改进和修复,以提升开发者的体验和应用程序的性能。这个压缩包...
### jQuery EasyUI视频教程知识点概览 #### 一、jQuery EasyUI简介 - **定义**:jQuery EasyUI是一种简化Web开发的工具集,它通过整合jQuery框架与一系列UI组件,帮助开发者快速创建出功能丰富且视觉效果良好的用户...
在 `JqueryEasyUI1.4参考手册.chm` 中,你将找到关于 jQuery EasyUI 1.4 版本的详尽指南。`.chm` 文件是一种微软编写的帮助文档格式,它包含索引、搜索功能和一系列主题,方便用户查找和学习。 **组件介绍** ...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个"jquery easyui demo"压缩包包含了版本为1.5.3的jQuery EasyUI 示例,旨在让学习者快速理解和掌握其...
**jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件,帮助开发者快速构建具有专业外观和交互性的 Web 应用程序。这个框架的核心理念是通过简单的 JavaScript 调用来...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、下拉菜单、树形结构等,帮助开发者快速构建用户界面。1.4.5 版本是该框架的一个稳定版本,其API中文版对于国内开发者...
在大数据量展示时,使用EasyUI的分页功能可能会导致性能问题。通过结合`datagrid`的`onLoadSuccess`事件和Ajax请求,可以实现数据的懒加载,即只有当用户滚动到数据底部时才加载更多数据。 #### 案例四:弹出层中的...
在本文中,我们将深入探讨jQueryEasyUI的核心概念、主要组件以及与Java的集成方式。 一、jQueryEasyUI的核心概念 1. **组件化**:jQueryEasyUI将常见的用户界面元素如表格、对话框、菜单、按钮等封装为独立的组件...