f分页问题
来源:互联网 发布:华为记录运动数据 编辑:程序博客网 时间:2024/06/07 01:09
$(function() {
function renderTable(jsonRes){
var productList = jsonRes.pageList;
var tbodyArray = [];
$('#listBody').html('');
if(null != productList && productList){
$.each(productList, function (index, item) {
tbodyArray.push('<tr>');
tbodyArray.push('<td>' + item.merchantName + '</td>');
tbodyArray.push('<td>' + item.merchantProName + '</td>');
tbodyArray.push('<td>' + item.projectName + '</td>');
tbodyArray.push('<td>' + item.pafProName + '</td>');
tbodyArray.push("<td><a href='" + "/admin/executeprocess/updateExecuteProcess/" + item.exeProcessId + "'>编辑</a></td>");
tbodyArray.push('</tr>');
});
$('#listBody').append(tbodyArray.join(''));
}
var totalpage=jsonRes.totalPage;
// 渲染分页插件
renderPage(jsonRes.currentPage, totalpage);
}
function renderPage(currentPage, maxPage){
$('.pagination').jqPagination('destroy');
$('.pagination').jqPagination({
page_string : '{current_page} / {max_page}',
current_page : currentPage,
max_page : maxPage,
paged: function(page) {
// do something with the page variable
/* var projectName=$("#projectName").val();
console.log(projectName+"a12312");*/
var jsonReq = {"bgPage" : page, "pageSize" : 10, "projectName" : projectName};
queryExecuteProcessList(jsonReq);
}
});
}
function queryExecuteProcessList(jsonReq){
$.ajax({
type : 'POST',
url : '/admin/executeprocess/queryExecuteProcessList',
data : JSON.stringify(jsonReq),
dataType : 'json',
contentType : "application/json",
success : function(data) {
if ('000000' == data.resultCode) {
//渲染表格
renderTable(data);
} else {
EPU.util.layerDialog(data.resultCode,
data.resultMsg);
}
}
});
}
//分页函数
$('.pagination').jqPagination({
/*page_string : '{current_page} / {max_page}',
paged: function(page) {
// do something with the page variable
var projectName=$("#projectName").value;
console.log(projectName+"12312");
var jsonReq = {"bgPage" : page, "pageSize" : 10};
queryExecuteProcessList(jsonReq);
}*/
});
// executeprocess
$('#add').click(function() {
window.location.href = '/admin/executeprocess/addExecuteProcess';
});
$('#search').click(
function() {
/*var projectName=$("#projectName").val();
console.log(projectName+"a12312");*/
var jsonData = $('#formId').serializeObject();
queryExecuteProcessList(jsonData);
// stop the form from submitting and refreshing
event.preventDefault();
});
function initTable(){
var jsonReq = {"bgPage" : 1, "pageSize" : 10};
queryExecuteProcessList(jsonReq);
}
function init(){
initTable();
}
init();
});
function renderTable(jsonRes){
var productList = jsonRes.pageList;
var tbodyArray = [];
$('#listBody').html('');
if(null != productList && productList){
$.each(productList, function (index, item) {
tbodyArray.push('<tr>');
tbodyArray.push('<td>' + item.merchantName + '</td>');
tbodyArray.push('<td>' + item.merchantProName + '</td>');
tbodyArray.push('<td>' + item.projectName + '</td>');
tbodyArray.push('<td>' + item.pafProName + '</td>');
tbodyArray.push("<td><a href='" + "/admin/executeprocess/updateExecuteProcess/" + item.exeProcessId + "'>编辑</a></td>");
tbodyArray.push('</tr>');
});
$('#listBody').append(tbodyArray.join(''));
}
var totalpage=jsonRes.totalPage;
// 渲染分页插件
renderPage(jsonRes.currentPage, totalpage);
}
function renderPage(currentPage, maxPage){
$('.pagination').jqPagination('destroy');
$('.pagination').jqPagination({
page_string : '{current_page} / {max_page}',
current_page : currentPage,
max_page : maxPage,
paged: function(page) {
// do something with the page variable
/* var projectName=$("#projectName").val();
console.log(projectName+"a12312");*/
var jsonReq = {"bgPage" : page, "pageSize" : 10, "projectName" : projectName};
queryExecuteProcessList(jsonReq);
}
});
}
function queryExecuteProcessList(jsonReq){
$.ajax({
type : 'POST',
url : '/admin/executeprocess/queryExecuteProcessList',
data : JSON.stringify(jsonReq),
dataType : 'json',
contentType : "application/json",
success : function(data) {
if ('000000' == data.resultCode) {
//渲染表格
renderTable(data);
} else {
EPU.util.layerDialog(data.resultCode,
data.resultMsg);
}
}
});
}
//分页函数
$('.pagination').jqPagination({
/*page_string : '{current_page} / {max_page}',
paged: function(page) {
// do something with the page variable
var projectName=$("#projectName").value;
console.log(projectName+"12312");
var jsonReq = {"bgPage" : page, "pageSize" : 10};
queryExecuteProcessList(jsonReq);
}*/
});
// executeprocess
$('#add').click(function() {
window.location.href = '/admin/executeprocess/addExecuteProcess';
});
$('#search').click(
function() {
/*var projectName=$("#projectName").val();
console.log(projectName+"a12312");*/
var jsonData = $('#formId').serializeObject();
queryExecuteProcessList(jsonData);
// stop the form from submitting and refreshing
event.preventDefault();
});
function initTable(){
var jsonReq = {"bgPage" : 1, "pageSize" : 10};
queryExecuteProcessList(jsonReq);
}
function init(){
initTable();
}
init();
});
0 0
- f分页问题
- F - 迷宫问题
- 问题 F: 因子和
- 问题 F: Problem B
- 问题 F: 拦截导弹
- 贪心F 装船问题
- F : 会场安排问题
- 问题 F: 复数乘积
- 问题 F: Anigram单词
- 问题 F: 字符串匹配问题
- 分页问题
- 分页问题
- F: 关于dropdownlist,postback问题
- 关于printf("%*.*f")的问题
- %d,%f输入输出的问题
- F - 概率(经典问题)
- hpu 问题 F: 豆子游戏
- 问题 F: Vegetable and Park
- poj 3349 哈希
- DOM(三)-02-(示例-调查问卷)
- oracle常用基础命令总结
- TCP三次握手及关闭时的2MSL分析
- 使用 c++ 与 subverison 编写 Commiter 小工具 提交 xxx.xml文件中指定的文件
- f分页问题
- DOM(三)-03-(示例-性格测试)
- jquery给img注册事件
- 通配符和正则表达式的区别
- photoshop 114ps 艺术字教程
- poj3268最短路Dijkstrra
- SQL Server 索引中include的魅力(具有包含性列的索引)
- ZooKeeper典型应用场景一览
- Android笔记(六)利用Intent传递数据