Skip to content
Snippets Groups Projects
Commit 454a84be authored by Ye Tian's avatar Ye Tian
Browse files

update pagebar.js

parent 74a6e60f
Branches
No related tags found
No related merge requests found
loadSubPage = function(data){ /**
var pageSize = 5; * 自定义参数
* @param data 所有条Json数据
* @param type 1:加载request里的project列表
* 2: 加载当前用户发送的request列表
*/
loadSubPage = function(data, type){
var pageSize = 1;
var pageNum = Math.ceil(data.length/pageSize); var pageNum = Math.ceil(data.length/pageSize);
var dataStr = JSON.stringify(data); var dataStr = JSON.stringify(data);
...@@ -8,39 +14,39 @@ loadSubPage = function(data){ ...@@ -8,39 +14,39 @@ loadSubPage = function(data){
} else{ } else{
$("#page-bar").append('<div id="currentPage" style="display: none"></div>'); //用来存放当前页面编号 $("#page-bar").append('<div id="currentPage" style="display: none"></div>'); //用来存放当前页面编号
$("#page-bar").append("<li id='previousBtn' class='page-item disabled'>\n" + $("#page-bar").append("<li id='previousBtn' class='page-item disabled'>\n" +
" <a class='page-link' href='#' tabindex='-1' onclick='changePage("+"-1,"+dataStr+","+i+","+pageSize+","+pageNum+")'>Previous</a>\n" + " <a class='page-link' href='#' tabindex='-1' onclick='changePage("+"-1,"+dataStr+","+i+","+pageSize+","+pageNum+","+type+")'>Previous</a>\n" +
" </li>"); " </li>");
for(var i=1; i<=pageNum; i++){ for(var i=1; i<=pageNum; i++){
// $("#page-bar").append("<li class='page-item'><a class='page-link' onclick='loadParticularPage("+dataStr+","+i+","+pageSize+","+pageNum+",\""+idStr+",\""+htmlStr+"\")' href='#'>"+i+"</a></li>"); // $("#page-bar").append("<li class='page-item'><a class='page-link' onclick='loadParticularPage("+dataStr+","+i+","+pageSize+","+pageNum+",\""+idStr+",\""+htmlStr+"\")' href='#'>"+i+"</a></li>");
$("#page-bar").append("<li class='page-item' id='subpage"+i+"'><a class='page-link' onclick='loadParticularPage("+dataStr+","+i+","+pageSize+","+pageNum+")' href='#'>"+i+"</a></li>"); $("#page-bar").append("<li class='page-item' id='subpage"+i+"'><a class='page-link' onclick='loadParticularPage("+dataStr+","+i+","+pageSize+","+pageNum+","+type+")' href='#'>"+i+"</a></li>");
// $("#page-bar").append('<li class="page-item">' + // $("#page-bar").append('<li class="page-item">' +
// // '<a class="page-link" href="#" onclick="test(\''+data+'\')">'+i+'</a></li>'); // // '<a class="page-link" href="#" onclick="test(\''+data+'\')">'+i+'</a></li>');
} }
$("#page-bar").append("<li id='nextBtn' class='page-item'>\n" + $("#page-bar").append("<li id='nextBtn' class='page-item'>\n" +
" <a class='page-link' href='#' tabindex='1' onclick='changePage("+"1,"+dataStr+","+i+","+pageSize+","+pageNum+")'>Next</a>\n" + " <a class='page-link' href='#' tabindex='1' onclick='changePage("+"1,"+dataStr+","+i+","+pageSize+","+pageNum+","+type+")'>Next</a>\n" +
" </li>"); " </li>");
loadParticularPage(data, 1, pageSize, pageNum); loadParticularPage(data, 1, pageSize, pageNum, type);
} }
} }
function changePage(move, dataStr, p, pageSize, pageNum){ function changePage(move, dataStr, p, pageSize, pageNum, type){
var curPage = $("#currentPage").html(); var curPage = $("#currentPage").html();
var newPage = parseInt(curPage)+move; var newPage = parseInt(curPage)+move;
if(newPage>0 && newPage<=pageNum){ if(newPage>0 && newPage<=pageNum){
loadParticularPage(dataStr, newPage, pageSize, pageNum); loadParticularPage(dataStr, newPage, pageSize, pageNum, type);
} }
} }
function loadParticularPage(dataStr, p, pageSize, pageNum) { function loadParticularPage(dataStr, p, pageSize, pageNum, type) {
var data = eval(dataStr); var data = eval(dataStr);
//清空原先列表 // //清空原先列表
$("#requestProjectList").html(""); // $("#requestProjectList").html("");
//记录当前页 //记录当前页的标号
$("#currentPage").html(p); $("#currentPage").html(p);
//样式准备 //样式准备
...@@ -57,6 +63,10 @@ function loadParticularPage(dataStr, p, pageSize, pageNum) { ...@@ -57,6 +63,10 @@ function loadParticularPage(dataStr, p, pageSize, pageNum) {
//加载数据显示列表 //加载数据显示列表
var start = (parseInt(p)-1)*pageSize; var start = (parseInt(p)-1)*pageSize;
if(type == 1){
//清空原先列表
$("#requestProjectList").html("");
for(var x=start; x<start+pageSize; x++){ for(var x=start; x<start+pageSize; x++){
var projectId = data[x].projectid; //project id留作备用 var projectId = data[x].projectid; //project id留作备用
$("#requestProjectList").append(' <li>\n' + $("#requestProjectList").append(' <li>\n' +
...@@ -75,5 +85,27 @@ function loadParticularPage(dataStr, p, pageSize, pageNum) { ...@@ -75,5 +85,27 @@ function loadParticularPage(dataStr, p, pageSize, pageNum) {
' </div>\n' + ' </div>\n' +
' </li>'); ' </li>');
} }
} else if(type == 2){
$("#myRequestsList").html("");
for(var x=start; x<start+pageSize; x++){
var statusNum = data[x].requeststatus;
var status = "Unhandled";
if(statusNum == '1') status = "Refused";
else if(statusNum == '2') status = "Approved";
$("#myRequestsList").append(' <li>\n' +
' <div class="req-in">\n' +
' <div class="req-detail">\n' +
' <span style="font-size: x-large; ">'+data[x].projectname+'</span>\n' +
' <h4>Project Owner: <a href="other-person.html?id='+data[x].userid+'">'+data[x].name+'</a> Apply date: '+data[x].str_requesttime+'</h4>\n' +
' </div>\n' +
' <div class="req-status">\n' +
' <span>Status:</span>\n' +
' <span class="status">'+status+'</span>\n' +
' </div>\n' +
' <div class="req-btn"><input type="button" onclick="deleteRequest('+data[x].requestid+')" value="DELETE"/></div>' +
' </div>\n' +
' </li>');
}
}
} }
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment