dhtmlxGrid功能简介示例页面实现的功能文件列表及功能简介后台加载的实现原理同步模式XMLHttpRequest页面数据加载基本信息设定代码表格初始化rosetColSorting支持的排序类型loadXML(loadDataURL,pageLoaded)，加载loadDataURL中返回的xml，并在xml返回后调用pageLoaded函数进行处理。分页及页码显示链接“前一页”、“后一页”分别调用prePage与nextPage函数：<ahref="javascript:void(0);"onclick="prePage();">前一页</a><ahref="javascript:void(0);"onclick="nextPage();">后一页</a>nextPage函数如下：functionnextPage(){//下一页按钮的处理if(currPage<mygrid.getUserData("","pageNum")){toPage=Number(currPage)+1;mygrid.clearAll();mygrid.loadXML(loadDataURL+"&req.page="+toPage,pageLoaded);}}判断当前页码小于总页数，则先清除已经加载的所有行，再加载loadDataURL+"&req.page="+toPage（req.page表示要加载的页码）。prePage函数如下：functionprePage(){//上一页按钮的处理if(currPage>1){toPage=Number(currPage)-1;mygrid.clearAll();mygrid.loadXML(loadDataURL+"&req.page="+toPage,pageLoaded);}}判断当前页码，先清除已经加载的所有行，再加载loadDataURL+"&req.page="+toPage（req.page表示要加载的页码）。原位编辑functionsendServerUpdateRequest(rId){varrowValuesAr=newArray();varfl=true;//proceedwithserverrequestfor(vari=0;i<mygrid.getColumnCount();i++){varval=mygrid.cells(rId,i).getValue();if(mandFields[i]==true){//ifmandatoryfieldisnotfilled-donotproceedif(val==""){mygrid.cells(rId,i).cell.style.borderColor="red";fl=false;}else{mygrid.cells(rId,i).cell.style.borderColor="";}}rowValuesAr[rowValuesAr.length]=val}if(!fl)return;if(mygrid.getUserData(rId,"new")=="1"){varaction="add";}varurl=actionURL+"?req.type="+(!action?"update":action)+"&req.id="+rId+"&req.values="+encodeURIComponent(rowValuesAr.join("\u0007"));//alert(url);mygrid.setEditable(false);rowUpdater.loadXML(url);unUpdated=false;}与服务器通信对弹出标签页修改数据的支持getval.html文件中只有一个textbox和两个按钮。点击“发送回表格”，将调用sendVal函数：functionsendVal(){varrId=document.location.hash.substr(1);varmsg=document.getElementById("msgBox").value;document.getElementById("msgBox").value="";parent.valBack(rId,msg);}其中parent.valBack(rId,msg);调用父窗口的valBack函数，将值传回。parent为JavaScript内置对象，指此窗口的父窗口。“取消”按钮调用cancelInput函数