데이터와 보기 분리 2

1254 단어 보기
1. 간단한 방식으로 테이블을 조작합니다. 현재 일반적인 테이블이 있습니다. 예를 들어 어떤 줄의 데이터를 편집하는 것입니다.
1.1 선택된row 가져오기
1.2 로우를 누비는cell
1.3 받은 데이터를 팝업 상자에 할당
1.4 서버에 저장, 업로드
1.5 서버 응답 완료,row의cell에 값 다시 부여
이것은 비교적 전통적인 방식이다. 1.2에서 이 단계는 비교적 번거롭다. 왜냐하면 값을 얻을 때마다 셀을 먼저 얻어야 하기 때문에 매우 비대해 보인다.
var obj={};

obj.p1=dom1.value;

obj.p2=dom2.value;

obj.p3=dom3.value;

obj.p4=dom4.value;

obj.p5=dom5.value;


그리고table내dom를 얻는 것도 즐거운 일이 아니다. 너무 지루하다. 지금 우리는 비교적 쉬운 방법으로 데이터를 얻는다
2. 다른 방법으로 테이블 조작
2.1 objList와 같은 배열을 나타냅니다.
2.2 데이터push 넣기
2.3 줄마다row에 id 추가
저희가 편집이 필요할 때.
2.4 선택된row의 id 가져오기
2.5 id에 따라 objList에서 이 대상을 찾습니다
2.6 팝업 상자에 데이터 할당
2.7 서버에 저장
2.8 서버 응답 완료,row에 값 다시 부여
2.9 objList 업데이트
데이터를 가져오는 코드가 이렇게 길어요.
 var id=dom.id;

 var obj=objList.select("id",id);


나는 여기서 수조의 원형에 select 방법을 썼는데, 구체적인 코드는 지난 블로그에서
업데이트 그룹 코드가 이렇게 길어요.
var obj= ;

var index=objList.getIndex("id",obj.id)

objList.splice(index,1,obj);


getIndex 메소드
여러분, 여기 오셔서 제 뜻을 알겠습니다.dom 요소의 값을 얻는 것은 번거로운 일입니다. 특히 데이터가 매우 많을 때 하나하나 읽어야 합니다. 너무 메스꺼워요. 그래서 저는 데이터를 쌓는 모델을 만들었고 id와dom 요소로 연결했습니다. 그뿐입니다. 여러분, 저를 크게 욕하지 마세요. 저는 풋내기입니다.

좋은 웹페이지 즐겨찾기