JavaScript simple grid?

Question

다음과 같은 목적으로 간단한 예제 (HTML/JavaScript)가 필요합니다. 3 열과 5 행이있는 테이블에서 첫 번째 열은 텍스트 상자입니다. 두 번째 열은 EDIT라고하는 버튼/링크이고 세 번째 열은 SAVE라는 버튼/링크입니다.

제 3 행의 EDIT를 클릭하면 제 3 행의 텍스트 상자가 편집 가능하게됩니다. 텍스트를 입력 한 다음 SAVE를 클릭하십시오. 읽기 전용으로 되돌려 야합니다. 전제는 행별로 편집 가능해야한다는 것입니다.

실례를 제공해 줄 수 있습니까? 아니면 관련 리소스를 가르쳐 주시겠습니까?

Answer 1

YUI DataTable을 참조하십시오. 정확히 당신이 요구 한 것은 아니지만 합리적인 출발점이 될 수 있습니다.

Answer 2

프레임 워크를 살펴 보는 것이 좋습니다. 나를 믿어 라.이 배후의 목적이 무언가가 어떻게 작동하는지 배우지 않는다면 (나는 당신의 질문 문구에서 그 인상을 얻지 못한다.) 프레임 워크를 사용하는 것보다 처음부터 구현하는 것이 훨씬 더 어렵다는 것을 알게 될 것이다.

나는 아주 간단한 EditableGrid를 가지고있어서 설치와 사용이 빠르기 때문에 Ext Framework을보고 싶습니다.