<table id="dg" class="DataGrid - VirtualScrollView with Detail Rows" >
</table>
<script type="text/javascript">
$(function(){
$('#dg').datagrid({
title: '信息列表',
width: 800,
height: 500,
nowrap: true,
striped: true,
collapsible:false,
border: true,
showFooter:true,
pagination:true,
rownumbers:true,
fitColumns:true,
singleSelect:true,
sortName:'flightCode',
columns:[[
{field:'name',title:'视频名称',width:150,align:'center'},
{field:'TThumbnail1',title:'视频',width:250,align:'center'},
{field:'uploadDate',title:'上传时间',width:150,align:'center'
,sortable:true},
{field:'feedback',title:'反馈信息',width:180,align:'center'},
]]
});
var p = $('#dg').datagrid('getPager');
$(p).pagination({
pageSize: 2,//每页显示的记录条数,默认为10
pageList: [2,4,8],//可以设置每页记录条数的列表
showPageList: true,
showRefresh: true,
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
});
$(p).pagination({
onSelectPage: function (pageNumber, pageSize) { //每一个按钮选择是都会默认执行这个
// alert("onSelectPage");
var startTime2 = $('#start2').datetimebox('getValue');//获得开始时间和结束时间
var endTime2 = $('#end2').datetimebox('getValue');
getData(pageNumber, pageSize,startTime2,endTime2);
},
// onChangePageSize:function (pageNumber, pageSize) {
// alert("onChangePageSize");
// getData(pageNumber, pageSize);
// },
// onRefresh:function (pageNumber, pageSize) {
// alert("onRefresh");
// getData(pageNumber, pageSize);
// }
});
});
var getData = function (pageNumber,pageSize,startTime2,endTime2) {
$.ajax({
type: 'POST',
url: 'dataGrid.do', //用户请求数据的URL
data : {
pageNumber:pageNumber,
pageSize:pageSize,
start:startTime2,
end:endTime2
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
},
success: function (data) {
// alert(data);
test = eval("(" + data + ")"); ////转换为json对象
// alert(test);
$('#dg').datagrid('loadData',test);
}
});
};
//页面初始化时调用函数加载数据
$(function(){
var startTime2 = $('#start2').datetimebox('getValue');//获得开始时间和结束时间
var endTime2 = $('#end2').datetimebox('getValue');
getData(1,2,startTime2,endTime2);
});
// function refreshPage(){
// getData(1, 2);
// };
</script>
后台:
import java.sql.Timestamp;
import java.util.List;
import javax.annotation.Resource;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import com.japdplat.common.utils.DateUtils;
import com.japdplat.modules.sites.entity.TVideo;
import com.japdplat.modules.sites.service.video.TVideoService;
import com.japdplat.modules.sites.share.StaticVariable;
/**
* @author LzwGlory
* @version 2013-12-19
* */
@Controller("VideoController")
@RequestMapping(value = "${adminPath}/sites/videoLzw")
public class VideoController{
@Resource
private TVideoService tVideoService;
@RequestMapping()
public String list(ModelMap modelMap) {
return "modules/sites/video";
}
@RequestMapping(value="/dataGrid.do")
public @ResponseBody String dataGrid(ModelMap modelMap
,@RequestParam int pageNumber,@RequestParam int pageSize
,@RequestParam String start,@RequestParam String end) {
Timestamp startTime = new Timestamp(System.currentTimeMillis());
Timestamp endTime = new Timestamp(System.currentTimeMillis());
try {
if(!start.isEmpty()){
startTime = Timestamp.valueOf(start);
}else{
startTime=null;
}
if(!end.isEmpty()){
endTime = Timestamp.valueOf(end);
}else{
endTime=null;
}
} catch (Exception e) {
// e.printStackTrace();
}
List<TVideo> listTVideos=tVideoService.getVideoPaging(pageNumber,pageSize, startTime, endTime);
long size=tVideoService.count(startTime,endTime);
//start 拼json字符串
StringBuffer sb = new StringBuffer();
sb.append("{\"total\":"+size+",\"rows\":[");
for(TVideo tVideo:listTVideos){
sb.append("{\"name\":").append("\"")
.append(tVideo.getName()).append("\"").append(",")
.append("\"TThumbnail1\":").append("\"")
.append("<img src=").append("\'")
.append(StaticVariable.imgCcwz)
.append(DateUtils.formatDate(tVideo.getUploadDate(), "yyyy-MM-dd"))
.append("/")
.append(tVideo.getTThumbnail1())
.append("\'")
.append(">")
.append("\"").append(",")
.append("\"uploadDate\":").append("\"")
.append(tVideo.getUploadDate()).append("\"").append(",")
.append("\"feedback\":").append("\"")
.append(tVideo.getFeedback()).append("\"").append("},");
}
String jsonStr=null;
if(startTime==null||endTime==null){
jsonStr=sb.substring(0,sb.length()-1)+"]}" ;
}else{
jsonStr=sb.substring(0,sb.length())+"]}" ;
}
//end 拼json字符串
return jsonStr;
}
}
分享到:
相关推荐
请自行修改config.properties文件和create table user{ id name password} url:http://localhost:8080/myweb/userController/layout.do
1. 该框架的开发环境为EclipseJEE集成开发工具。 2. 基于Spring4框架的三层架构开发完成。 3.... 4. 使用了SpringMVC框架,Spring4... 系统实现了较为完善的用户模块,对用户数据实现了增、删、改、查、分页等的功能。
MyBatis+springMVC+easyUI dataGirl 实现分页
springmvc+mybatis+easyUI 实现前台页面分页的功能,,,
SpringMvc和jquery-easyui项目,里边包含easyui的官方例子及中文文档
Springmvc+MyBatis+JQueryEasyUI,资源包中有数据库文件,mysql的数据库,一个可运行的例子,感兴趣可以下载看看.
基于maven的一个demo,框架用的spring3+easyui+springmvc,以及easyui的分页
SpringMVC+easyui+mybatis分页功能,属于JAVA工具类,可方便实现分页功能
springMVC4.1+easyUI 整合,jQuery 1.8,后台管理系统,easyUI三级菜单
这是一个基于springmvc3.0+mybatis3.0+jqueryeasyui后台管理模板
完善的Spring+SpringMVC+Mybatis+easyUI后台管理系统(RESTful API+redis).zip 完善的Spring+SpringMVC+Mybatis+easyUI后台管理系统(RESTful API+redis).zip 完善的Spring+SpringMVC+Mybatis+easyUI后台管理系统...
spring+springmvc+hibernate+JqueryEasyui整合项目。可根据用户角色来进行权限管理。
简单分页Demo,具体请参照博客文章,代码中有详细注释
SpringMVC + mybatis + jquery easyUI + mysql 代码生成工具
基于springmvc实现分页查询基于springmvc实现分页查询
ssm+easyui 实现无刷新分页技术,spring+springMVC+mybatis+easyui
springmvc mongodb jquery 实现用户操作
springmvc+hibernate+easyui实现了菜单动态显示和数据列表动态显示
SpringMVC、jQuery国际化配置
jqueryeasyui+springmvc+hibernate框架 实现各种功能 easyUI树形