/**
* 当点击应用时,添加一次访问数
**/
function visitApp(appId, appName, appUrl){
$.post(
"./doVisitPerson.action",
{resId:appId, resName:appName, resUrl:appUrl},
function(msg){
if(msg == "succeed"){
window.open(appUrl);
}
}
);
}
/**
* 应用分页
**/
function pagination(btn,groupId,groupName,flag){
//取到li元素
var li=$(btn).parent();
var currPage =1;
if(flag=="next"){
//当前页
var currentNext=li.prev().children().eq(0).text();
//总页数
var total=li.prev().children().eq(2).text();
if(currentNext!=total){
currPage = parseInt(currentNext)+1;
ajaxPost(btn,groupId,groupName,currPage);
}else {
//让分页按钮(下一页)失效
$(btn).attr("disabled","disabled");
}
}
else{
//当前页
var currentPre=li.next().children().eq(0).text();
if(currentPre!=1){
currPage= parseInt(currentPre)-1;
ajaxPost(btn,groupId,groupName,currPage);
}else {
//让分页按钮(上一页)失效
$(btn).attr("disabled","disabled");
}
}
}
/**
* ajax异步提交
* @return
*/
function ajaxPost(btn,groupId,groupName,currPage) {
$.post(
"./toPaginationPerson.action",
{groupId:groupId, groupName:groupName,currentPage:currPage},
function(msg){
var jsonobj=eval("("+msg+")");
//获取显示div的对象
var tbody = document.getElementById(groupId);
$(tbody).html("");
var span1=$("<span class='round_tl'> </span>");
var span2=$("<span class='round_tr'> </span>");
var span3=$("<span class='round_bl'> </span>");
var span4=$("<span class='round_br'> </span>");
span1.appendTo($(tbody));
span2.appendTo($(tbody));
span3.appendTo($(tbody));
span4.appendTo($(tbody));
var div1=$("<div class='titleBar'></div>");
var h4=$("<h4></h4>");
h4.text(groupName);
h4.appendTo(div1);
var div2=$("<div class='appsBox' id='Div1'></div>");
var obj=jsonobj.list;
if(obj!=null&&obj.length>0){
for(var i = 0; i < obj.length; i++){
var div3=$("<div class='appsLink'></div>");
if(obj[i].status!=null && obj[i].status=="正在运行" ){
var a=$("<a href='#nogo' class='appico'></a>");
// 给a标签的属性赋值,再用属性值作为参数
a.attr("id", obj[i].appUri);
a.attr("name", obj[i].appName);
a.attr("title", obj[i].appUrl);
a.click(function(){
visitApp(this.id,this.name,this.title);
}
);
if(obj[i].photo!=""){
var img1=$("<img src='./img/appico/"+obj[i].photo+".png' alt='"+obj[i].appName+"' title='"+obj[i].appName+"' width='64' height='64' />");
img1.appendTo(a);
}else{
var img2=$("<img src='./img/appico/default.png' alt='"+obj[i].appName+"' title='"+obj[i].appName+"' width='64' height='64' />");
img2.appendTo(a);
}
a.appendTo(div3);
var a1=$("<a href='#nogo' title='"+obj[i].appName+"'></a>");
a1.attr("id", obj[i].appUri);
a1.attr("name", obj[i].appName);
a1.attr("title", obj[i].appUrl);
a1.click(function(){
visitApp(this.id,this.name,this.title);
});
var span5=$("<span title='"+obj[i].appName+"'>"+obj[i].shortName+"</span>");
span5.appendTo(a1);
a1.appendTo(div3);
}
else{
if(obj[i].photo != ""){
var img3=$("<img src='./img/appico/"+obj[i].photo+".png' alt='"+obj[i].appName+"' title='"+obj[i].appName+"' width='64' height='64' />");
img3.appendTo(div3);
}else{
var img4=$("<img src='./img/appico/default.png' alt='"+obj[i].appName+"' title='"+obj[i].appName+"' width='64' height='64' />");
img4.appendTo(div3);
}
var span6=$("<span title='"+obj[i].appName+"'>"+obj[i].shortName+"</span>");
span6.appendTo(div3);
}
div3.appendTo(div2);
div2.appendTo(div1);
div1.appendTo($(tbody));
}
}
if(jsonobj.totalRecord>20){
var div5=$("<div class='margin_tb' style='text-align: center; width:100%; display:block;'></div>");
var ul=$("<ul class='changePage'></ul>");
var li1 = $("<li/>");
var inp1 = $("<input type='button' name='frontPage' class='btn1'/>");
//上一页
inp1.click(function(){
pagination(this, jsonobj.group.groupId, jsonobj.group.groupName, 'front');
});
inp1.appendTo(li1);
li1.appendTo(ul);
var li2=$("<li class='pageText'></li>");
var b=$("<b >"+jsonobj.currentPage+"</b>");
b.appendTo(li2);
var bspan=$("<span>/</span>");
bspan.appendTo(li2);
var total=$("<span >"+jsonobj.totalPage+"</span>");
total.appendTo(li2);
li2.appendTo(ul);
var li3=$("<li/>");
var inp2 = $("<input type='button' name='nextPage' class='btn2' />");
//下一页
inp2.click(function(){
pagination(this, groupId, groupName, 'next');
});
inp2.appendTo(li3);
li3.appendTo(ul);
ul.appendTo(div5);
div5.appendTo($(tbody));
}
}
);
}