Xml_javascript ترقيم الصفحات
الكاتب：Eve Cole
وقت التحديث：2009-07-07 16:22:09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " >
<الرأس>
<title>اللغة الإنجليزية--Xml_javascript نسخة</title>
</الرأس>
<body onload="getxmlDoc()">
<script language="javascript" type="text/javascript">
فار xmlDoc;
var NodeIndex;
فار pageIndex؛
فار pageSize=13;
فار الصفحة الأخيرة؛ // 最后一页
var overSize // 最后一页的记录数
الدالة getxmlDoc()
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
var currNode;
xmlDoc.async=false;
xmlDoc.load("myTest.xml");
إذا (xmlDoc.parseError.errorCode!=0)
{
var myErr=xmlDoc.parseError;
تنبيه("出错!"+myErr.reason);
}
getRecordCount();
onFirst();
}
الدالة getRecordCount()
{
var personNode= xmlDoc.selectNodes("/Root")[0];
var RecordCount=personNode.childNodes.length;
var pageCount=Math.ceil(recordCount/pageSize);
document.getElementById("txtPageCount").value=pageCount;
document.getElementById("txtRecordCount").value=recordCount;
overSize=recordCount%pageSize;
إذا (الحجم الزائد> 0)
{
lastPage=recordCount-overSize;
}
آخر
{
lastPage=recordCount-pageSize;
}
}
الدالة getPageRecord(pageIndex,pageSize)
{
ClearRow("myTable");
var personNode= xmlDoc.selectNodes("/Root")[0];
var currNode=personNode.childNodes[pageIndex];
ل(فار i=pageIndex;i<pageIndex+pageSize;i++)
{
var arr=new Array();
var nNode= xmlDoc.selectSingleNode("Root/Person["+i+"]") ;
arr[0]=nNode.getAttribute("Id"); //序号
arr[1]=nNode.childNodes[0].text; //工号
arr[2]=nNode.childNodes[1].text; //姓名
arr[3]=nNode.childNodes[2].text; // 性别
arr[4]=nNode.childNodes[3].text; // 部门
arr[5]=nNode.childNodes[4].text; // 职位
arr[6]=nNode.childNodes[5].text; //地址
// arr[0]=personNode.childNodes[i].getAttribute("Id"); //序号
// arr[1]=personNode.childNodes[i].childNodes[0].text; //工号
// arr[2]=personNode.childNodes[i].childNodes[1].text; //姓名
// arr[3]=personNode.childNodes[i].childNodes[2].text; // 性别
// arr[4]=personNode.childNodes[i].childNodes[3].text; // 部门
// arr[5]=personNode.childNodes[i].childNodes[4].text; // 职位
// arr[6]=personNode.childNodes[i].childNodes[5].text; //地址
addRow(i+1,"myTable",arr);
}
}
الدالة onFirst()
{
pageIndex=0;
var currIndex=pageIndex;
getPageRecord(currIndex,pageSize)
pageIndex=currIndex ;
document.getElementById("txtCurrPage").value=(pageIndex / pageSize) + 1;
document.getElementById("txtCurrPageRecord").value=pageSize;
}
الدالة onPrev()
{
var currIndex=pageIndex;
currIndex-=pageSize;
getPageRecord(currIndex,pageSize)
pageIndex=currIndex;
document.getElementById("txtCurrPage").value=(pageIndex / pageSize) + 1;
document.getElementById("txtCurrPageRecord").value=pageSize;
}
وظيفة على التالي ()
{
var currIndex=pageIndex;
currIndex+=pageSize;
getPageRecord(currIndex,pageSize)
pageIndex=currIndex;
document.getElementById("txtCurrPage").value=(pageIndex / pageSize) + 1;
document.getElementById("txtCurrPageRecord").value=pageSize;
}
الدالة onLast()
{
إذا (الحجم الزائد> 0)
{
getPageRecord(lastPage,overSize)
document.getElementById("txtCurrPageRecord").value=overSize;
}
آخر
{
getPageRecord (الصفحة الأخيرة، حجم الصفحة)
document.getElementById("txtCurrPageRecord").value=pageSize;
}
pageIndex=lastPage;
document.getElementById("txtCurrPage").value=(pageIndex / pageSize) + 1;
}
الدالة toPage()
{
فار فهرس=document.getElementById("txtCurrPage").value
var currIndex=(index-1)*pageSize;
إذا (event.keyCode==13)
{
getPageRecord(currIndex,pageSize);
}
pageIndex=currIndex;
}
وظيفة addRow(i,dataGridId,arr)
{
varrow=document.createElement("tr");
var cell=createCellWidthText(i);
Row.appendChild(cell);
for(var j=0;j<arr.length;j++)
{
cell=createCellWidthText(arr[j]);
Row.appendChild(cell);
}
document.getElementById(dataGridId).firstChild.appendChild(row);
}
وظيفة createCellWidthText(نص)
{
فار الخلية = document.createElement("td");
var textNode = document.createTextNode(text);
cell.appendChild(textNode);
خلية العودة
}
الدالة ClearRow(obj)
{
var table=document.getElementById(obj);
var العقدةTbody=table.firstChild
var length=nodeTbody.childNodes.length;
ل(فار ط=طول-1;i>0;i--)
{
NodeTbody.removeChild(nodeTbody.childNodes[i]);
}
}
</script>
<معرف النموذج = "form1" runat = "الخادم">
<ديف>
<table align="center" style="border-right: #0033ff نحيف صلب؛ الحد العلوي: #0033ff نحيف صلب؛
الحد الأيسر: #0033ff صلب رقيق؛ العرض: 650 بكسل؛ الحد السفلي: #0033ff صلب رقيق">
<تر>
<TD>
معرف <input id = "txtPageCount" name = "txtPageCount" style = "width: 33px؛ اللون: #0000ff؛ نمط الحد العلوي: لا شيء؛ نمط الحد الأيمن: لا شيء؛ نمط الحد الأيسر: لا شيء؛ الخلفية -اللون: شفاف؛ نمط الحدود السفلية: لا شيء؛" اكتب = "نص" onkeydown = "toPage ()"/> 页/
<input id = "txtRecordCount" name = "txtRecordCount" style = "width: 46px؛ اللون: #3300ff؛ نمط الحد العلوي: لا شيء؛ نمط الحد الأيمن: لا شيء؛ نمط الحد الأيسر: لا شيء؛ الخلفية- اللون: شفاف؛ نمط الحدود السفلية: لا شيء؛" اكتب = "نص" onkeydown = "toPage ()" /> قم بالتسجيل
<input id = "btnFirst" type = "button" value = "首页" onclick = "onFirst ()"/>
<input id = "btnPrev" type = "button" value = "上一页" onclick = "onPrev ()"/>
<input id = "btnNext" type = "button" value = "下一页" onclick = "onNext ()"/>
<input id = "btnLast" type = "button" value = "尾页" onclick = "onLast ()"/>
第<معرف الإدخال = "txtCurrPage" الاسم = "txtCurrPage" نمط = "العرض: 46px؛ اللون: #ff3333؛" اكتب = "نص" onkeydown = "toPage ()"/>
页 (معرف الإدخال <input id = "txtCurrPageRecord" name = "txtCurrPageRecord" style = "width: 22px؛ اللون: #ff3333؛ نمط الحد العلوي: لا شيء؛ نمط الحد الأيمن: لا شيء؛ نمط الحد الأيسر: لا شيء; لون الخلفية: أبيض;
</tr>
<تر>
<TD>
<عرض الجدول = "100%" id = "myTable">
<tr style="background-color:Yellow">
<نمط td = "العرض: 34 بكسل؛ الارتفاع: 21 بكسل؛">
معرف</td>
<نمط td = "العرض: 34 بكسل؛ الارتفاع: 21 بكسل؛">
序号</TD>
<td style = "العرض: 42 بكسل؛ الارتفاع: 21 بكسل؛">
工号</TD>
<نمط td = "العرض: 36 بكسل؛ الارتفاع: 21 بكسل؛">
姓名</TD>
<نمط td = "العرض: 39px؛ الارتفاع: 21px؛">
性别</TD>
<td style = "العرض: 43 بكسل؛ الارتفاع: 21 بكسل؛">
部门</td>
<td style = "العرض: 50 بكسل؛ الارتفاع: 21 بكسل؛">
职位</td>
<td style = "العرض: 100 بكسل؛ الارتفاع: 21 بكسل؛">
地址</TD>
</tr>
</الجدول>
</TD>
</tr>
</الجدول>
</div>
</النموذج>
</الجسم>
</html>
الرابط: http://home.goofar.com/lkc311/Default.htm
