ASP.NET MVC AJAX : AJAX.ActionLink 자체를 업데이트하는 방법을 클릭하십시오.

Question

많은 요소가있는 요소가있는 목록을 표시하는 페이지가 있으며, 각 요소에는 부울 속성이 있으며 활성화 된 상태 및 장애인 상태를 나타냅니다.

사용자에게 각 목록 항목에 대한 링크를 제공해야하며 링크 텍스트에 반대 상태가 표시되어야합니다 (따라서 항목이 활성화되면 링크 텍스트에 '비활성화'가 표시되어야합니다).

사용자가 비활성화 된 링크를 클릭하면 항목의 해당 링크 텍스트가 'enable'으로 변경되어야합니다 (그 반대로).

클릭마다 전체 목록을 다시로드하지 않으려 고 actionLink 자체의 텍스트 만 있으므로 내 질문은 다음과 같습니다.

사용자가 링크를 클릭 할 때 actionlink 자체 만 업데이트 할 수 있습니까?

Answer 1

내가 기억하는 한, 당신은 대부분의 과부하의 마지막 매개 변수로 익명 클래스를 최신으로하여 "a"태그에 HTML 속성을 추가 할 수 있습니다.

내 머리 꼭대기에서 이것은 다음과 같이 쓸 수 있습니다.

Html.ActionLink("Name", "Action", "Controller", new { @class = 'updateId' });

(여러 항목을 업데이트하지 않기 위해 고유 한 클래스 이름을 사용하지 않는다면 클래스보다 바람직한 ID 로이 작업을 수행 할 수 있습니다.)

그런 다음 JavaScript를 사용하여 클래스 "updateId"에 액세스하고 내부 HTML을 변경할 수 있습니다.

jQuery의 경우 :

$("a.updateId").html("NewName");

Answer 2

이는 업데이트 할 요소에 포함 된 사용자 정의 사용자 컨트롤로 수행 할 수 있습니다. ㅏ 솔루션의 쓰기는 여기에서 찾을 수 있습니다. 사용자 정의 클라이언트 측 스크립팅이 필요하지 않습니다.