MVC3의 인덱스보기에서 편집보기

Question

MVC3 프로그래밍을 처음 사용합니다. 인덱스 뷰에 사용자 레코드 (userid, username)이 있습니다. 하나의 레코드를 편집하고 싶습니다.

편집보기에서 레코드를 편집 할 수 있습니다. 하지만 내 요구 사항은 인덱스보기에 팝업 (관련 필드에 대한 텍스트 상자가있는 div 만 표시) 및 선택한 레코드에 대한 데이터 업데이트입니다. & 레코드를 편집 한 후에는 데이터베이스에서 업데이트해야하며 인덱스 페이지의 목록에서도 새 값으로 업데이트해야합니다.

인덱스보기에서 div 내에서 편집보기를 열거 나 통합 할 수 있습니까? 그렇다면 솔루션을 제공해주십시오.

감사합니다.

Answer 1

자바 스크립트를 사용하여 레코드를 편집하십시오. Jquery 및 jqueryui 라이브러리는 레코드를 구문 분석하고 jquery 대화 상자를 호출하는 데 유용합니다. 그런 다음 대화 상자의 ok 버튼은 Ajax 요청을 호출하여 데이터베이스의 레코드를 업데이트하고 성공하면 뷰의 레코드도 업데이트해야합니다.

각 레코드에 대해 편집 링크 또는 단추가 있으며이를 jquery를 사용하여 클릭 동작에 바인딩합니다. 클릭 동작 기능은 수정 링크 항목 이전의 레코드, 즉 $ (this) 이전 요소를 읽습니다. $ this는 링크 요소 편집입니다. 그런 다음 페이지의 자리 표시 자 div 요소를 숨겨야합니다. 이 div에서 이벤트로 읽은 데이터를 입력 형식으로 형식을 지정하고 jqueryui를 사용하여이 div의 대화 상자를 만듭니다.