192.8.19分页(已知总条数 当前页 )

1.   总数:1    当前页数: 1/1    上一页    下一页

function pageBtns(currentPageIndex){
	var cpIndex=parseInt(currentPageIndex); 
	var totalNum=1;//总条数   每页10条,6个10先改为每页2条
	pages = Math.ceil(totalNum/2);
	currentPage = parseInt((cpIndex/2+1));
	
	currentPage = currentPage < 0 ? 1:currentPage;
	currentPage = currentPage > pages ? pages:currentPage;
	cpIndex = cpIndex >= totalNum ? cpIndex-2:cpIndex;
	
	var currentStr = "<span style='color:red'>"+currentPage+"</span>"
	var btnStr = $.i18n.map._total+totalNum+"&nbsp"+"&nbsp"+"&nbsp"+"&nbsp"+$.i18n.map._currentPage+"&nbsp"+currentStr+"/"+pages+"&nbsp"+"&nbsp"+"&nbsp"+"&nbsp";
	 if(currentPage>1){
		btnStr += "<button onclick=\"pageBtns("+(cpIndex-2)+")\">"+$.i18n.map._prevPage+"&nbsp"+"</button>"+"&nbsp"+"&nbsp"+"&nbsp"+"&nbsp";
	}else{
		btnStr += $.i18n.map._prevPage+"&nbsp"+"&nbsp"+"&nbsp"+"&nbsp";
	}
	console.log(currentPage)
	console.log(pages)
	if(currentPage<pages){
		btnStr += "<button onclick=\"pageBtns("+(cpIndex+2)+")\">"+$.i18n.map._nextPage+"&nbsp"+"</button>";	
	}else{
		btnStr += $.i18n.map._nextPage;
	}
    document.getElementById("barcon").innerHTML = btnStr; 
	document.getElementById("table_barcon").innerHTML = btnStr; 
	
	Sign_list("hss_cli_list.2."+currentPageIndex);
}

2.设置复选框

function checkboxSign() //多选或单选
{
	var selectAll = document.getElementById("selectAll");
	var chkOneObjs = document.getElementsByName("selectChecked");
	for (var i = 0; i < chkOneObjs.length; i++) {
         chkOneObjs[i].onclick = function () {
             for (var j = 0; j < chkOneObjs.length; j++) {
                 if (chkOneObjs[j].checked == false) {
                     selectAll.checked = false;
                     return;
                 }
             }
             selectAll.checked = this.checked;
 
         }
    }
}
function checkboxAllSign(){  //全选
  var selectAll = document.getElementById("selectAll"); 
  var selectChecked = document.getElementsByName("selectChecked"); 
  if (selectAll.checked){
     for(var i = 0; i < selectChecked.length; i++)
       selectChecked[i].checked = true;
  }else{
     for(var i = 0; i < selectChecked.length; i++)
       selectChecked[i].checked = false;
  }
}

// 全选按钮的添加
$('#card_table').append(
								"<tr><td class=''><input type='checkbox' name='selectAll' id='selectAll' onclick='checkboxAllSign()'/></td>" +
								"<td class=''>" + "IMSI" + "</td>" +
								"<td class=''>" + "UL AMBR(Mbps)" + "</td>" +
								"<td class=''>" + "DL AMBR(Mbps)" + "</td>" +
								"<td class=''>" + "UeStatus" + "</td>" +
								"<td class=''>" + $.i18n.map._opera + "</td>" +
								"<td class=''></td></tr>");
createcardtable('card_table',tableDatamodel,editSign,"",columnNames2);

//建立列表
function createcardtable(tableId,vlanTableData,editVlan,removeVlan,columnNames)
{
	for(var i=0;i<vlanTableData.length;i++){
		var tr=$("<tr></tr>");
		$("#"+tableId).append(tr);
		for(var j=0;j<columnNames.length;j++)
        {	
           var td=$("<td>"+vlanTableData[i][j]+"</td>");
		   if(j == 0){
				var td=$("<td><input type='checkbox' class='selectChecked' name='selectChecked' onclick='checkboxSign()'></td>");
			}
		   else if(j > columnNames.length-2){	 
				var td=$("<td><input type='button' class='edit_button' onclick='editSign(this)'></td>");	   
		   }
           td.appendTo(tr);
        }
	}
} 

3.编辑

function editSign(currentdom)
{
	var editRow=currentdom.parentNode.parentNode;
	// var mibint = editRow.childNodes[0].firstChild.data;
	var IMSI = editRow.childNodes[1].firstChild.data;
	var KI = editRow.childNodes[2].firstChild.data;
	var OPC = editRow.childNodes[3].firstChild.data;
	var UeStatus = editRow.childNodes[4].firstChild.data;
    
	document.getElementById("IMSI_ambr").value = IMSI;
	document.getElementById("UL_ambr").value = KI;
	document.getElementById("DL_ambr").value = OPC;
	document.getElementById("UeStatus").value = UeStatus;
	
	document.getElementById("IMSI_ambr_old").value = IMSI;
	document.getElementById("UL_ambr_old").value = KI;
	document.getElementById("DL_ambr_old").value = OPC;
	document.getElementById("UeStatus_old").value = UeStatus;
	
	setVisibility(["sign_fieldset"], [1]);
	//setVisibility(["lte_inter_fieldset"], [0]);   
}

结果: