> 웹 프론트엔드 > JS 튜토리얼 > js 새로 고침 작업 없음 테이블 행 및 columns_javascript 기술

js 새로 고침 작업 없음 테이블 행 및 columns_javascript 기술

WBOY
풀어 주다: 2016-05-16 16:54:22
원래의
1166명이 탐색했습니다.

코드는 참고용입니다. 강제로 복사할 경우 페이지 ID를 수정하세요

코드 복사 코드는 다음과 같습니다. 🎜>

//적격한 데이터에 대한 데이터베이스 쿼리
function SelectAlterNativeVenues(field)
{
var xmlhttp;
var pid = document.getElementById("nameandaddress").value; 🎜>var url = "${RetrieveURL}?accessorType=${AccessorType}";
url = url "&method=RetrieveSelectResult&NameAndAddress=" escape(pid)
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP") //IE
}
if (xmlhttp != null)
{
xmlhttp.open("GET", url, true)
xmlhttp.setRequestHeader("If-Modified-Since", "0"); 🎜>xmlhttp.send(null);
xmlhttp.onreadystatechange = function processRefreshUsers() //등록 방법
{
if (xmlhttp.readyState == 4)
{
if (xmlhttp .status == 200)
{
//responseXML은 RetrieveCitiesByProvinceId 메서드 실행의 반환 값을 가져옵니다.
var datas = xmlhttp.responseXML.documentElement.getElementsByTagName("AlterNativeVenues")
var nname = document.getElementById("table1");
var pchildren = nname.childNodes;//테이블의 행과 열 지우기
for(var a=0; a {
nname.removeChild(pchildren[a]);
}
//쿼리 행 추가
var aaRow=nname.insertRow(0)
var aaCell=aaRow.insertCell(0 );
aaCell.innerHTML=""
aaRow.insertCell(1).innerHTML="<스팬 스타일 ="cursor :pointer;border:1px" name="submit" onclick="SelectAlterNativeVenues('" field "');" >Query";
//제목 행 추가
var aRow =nname .insertRow(1);
aRow.insertCell(0).innerHTML="";
aRow.insertCell(1).innerHTML="name"
aRow.insertCell(2).innerHTML =" 주소";
aRow.insertCell(3).innerHTML="Phone";
//데이터 행을 추가하는 루프
for (i = 0; i < datas.length; i )
{
var Id = datas[i].getElementsByTagName("Id")[0].firstChild.nodeValue;
var Name = datas[i].getElementsByTagName("이름")[0].firstChild .nodeValue;
var Address=datas[i].getElementsByTagName("Address")[0].firstChild.nodeValue;
var Phone=datas[i].getElementsByTagName("Phone")[0].firstChild .nodeValue;

var aNewRow=nname.insertRow(i 2);
aNewRow.insertCell(0).innerHTML="";
aNewRow.insertCell(1).innerHTML=Name;
aNewRow. insertCell(2 ).innerHTML=주소;
aNewRow.insertCell(3).innerHTML=전화;
}
}
}
}
}


//선택한 데이터 추가
function AddRowSelectAfter(id,field)
{
//숨겨진 필드의 모든 ID를 나누고 해당 체크된
var state =false를 바인딩합니다. ; //다음 목록이 존재하는지 확인
var _hiddenId=document.getElementById(field).value.substr(0,document.getElementById(field).value.length-1).split(','); 🎜>for(j=0;j<_hiddenId.length;j )
{
if(_hiddenId[j]==id.split('_')[1])
{
state=true;
}

}
if(state==false)
{
//숨겨진 필드의 값을 한 번만 변경하려면 확인란을 클릭하세요.
//선택되지 않은 상태에서는 숨겨진 컨트롤
var arrs=document.getElementById(field).value.substr(0,document.getElementById(field).value.length-1)에서 ID를 제거해야 합니다. Split(', ');//ID를 검색할 필드 정의
var newids=""
for(var arr=0;arr{
if( arrs[arr]!=id.split('_')[1])
newids =arrs[arr] ","
}
//숨겨진 컨트롤 재할당
// 마지막 문자는 다음과 같습니다.
var fh=newids.substr(newids.length-1,newids.length)
if(fh==",")
document.getElementById( field).value =newids.substr(0,newids.length-1);
else
document.getElementById(field).value=newids


if(document.getElementById (id).checked==false)
{
//선택한 장소를 삭제하려면 클릭하지 않은 상태로 변경하세요
document.getElementById(id).checked=false; >//tr tr을 삭제할 ID 설정
document.getElementById("table2").deleteRow(document.getElementById("NewRow_" id.split('_')[1]).rowIndex); >
}
else
{
document.getElementById(id).checked=true;
var input =document.getElementById(field)
var
var; url = "${ RetrieveURL}?accessorType=${AccessorType}";
url = url "&method=SelectResult&id=" id
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest ();
}
else if (window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP") //IE
}
if (xmlhttp != null)
{
xmlhttp.open("GET", url, true)
xmlhttp.setRequestHeader("If-Modified-Since", "0");
xmlhttp.send(null);
xmlhttp.onreadystatechange = function processRefreshUsers() //등록 방법
{
if (xmlhttp.readyState == 4)
{
if ( xmlhttp.status == 200)
{
//responseXML은 RetrieveCitiesByProvinceId 메서드 실행의 반환 값을 가져옵니다.
var datas = xmlhttp.responseXML.documentElement.getElementsByTagName("AlterNativeVenues")
var nname = document .getElementById("table2");
nname.style.width="560px"
if(nname.rows.length==0&&datas.length>0)
{
// 첫 번째 행
var firstRow=nname.insertRow(0);
firstRow.id="NewRow_0";
firstRow.insertCell(0).innerHTML="name"
firstRow.insertCell(1 ) .innerHTML="주소";
firstRow.insertCell(2).innerHTML="전화"
firstRow.insertCell(3).innerHTML="작업"
}
= 0; i < datas.length; i )
{
var Id = datas[i].getElementsByTagName("Id")
var 이름 = datas[i ] .getElementsByTagName("이름")[0].firstChild.nodeValue;
var Address=datas[i].getElementsByTagName("Address")
var Phone=datas[i ] .getElementsByTagName("Phone")[0].firstChild.nodeValue;

var aNewRow=nname.insertRow(nname.rows.length);
aNewRow.id="NewRow_" ID; > var oneCell=aNewRow.insertCell(0);
oneCell.innerHTML=Name;
oneCell.width=140;
var twoCell=aNewRow.insertCell(1)
twoCell.innerHTML=주소 ;
twoCell.width=280;
var threeCell=aNewRow.insertCell(2);
threeCell.innerHTML=Phone;
threeCell.width=100
var fourCell=aNewRow.insertCell ( 3);
fourCell.innerHTML="삭제> ";
fourCell.width=40;
if(input.value!="")
input.value =",";
input.value =Id;
}
}
}
}
}
}
}
}

function DeleteRow(id,obj,field)
{
obj. parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode)
var nname = document.getElementById("table2");
if(nname.rows.length==1)
{
nname.deleteRow(0);
}
//쿼리가 데이터베이스에 저장된 후에는 위 목록이 존재하지 않습니다.
if(document.getElementById("AlterNativeVenues_" id)!=null|| document.getElementById("AlterNativeVenues_" id)!=정의되지 않음)
{
if(document.getElementById("AlterNativeVenues_" id).checked==true)
{
document.getElementById("AlterNativeVenues_ " id) .checked=false;
}
}
//선택 해제 상태에서는 숨겨진 컨트롤에서 ID를 제거해야 합니다
var arrs=document.getElementById(field).value.substr(0, document .getElementById(field).value.length-1).split(',');
//ID를 다시 가져오기 위한 필드 정의
var newids=""
for(var arr =0; arr{
if(arrs[arr]!=id)
newids =arrs[arr] ","
}// 다시 숨기기 컨트롤 할당
//숨겨진 컨트롤 다시 할당
//마지막 문자는
var fh=newids.substr(newids.length-1,newids.length);
if( fh ===",")
{
document.getElementById(field).value=newids.substr(0,newids.length-1)
}
else
document. getElementById( field).value=newids
}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿