ASP.NET MVC에서 jQuery 사용

Question

jquery를 많이 사용할 수 없으므로 도와주세요. 여기 jQuery UI 대화 상자를 사용하고 있습니다. 내 부분보기가 렌더링 된 대화 상자를 여는 링크가 있습니다. 일부 데이터 행이 기본보기에서

<div id="transferTo"> 
    Zmena kliniky 
<%= Html.DropDownList("klinika", ViewData["kliniky"] as SelectList)%> 
</div> 

: 같은

$(function() { 
    $("#transferTo").dialog({ 
     autoOpen: false, 
     height: 100, 
     width: 300, 
     modal: true, 
     resizable: false, 
     open: function (event, ui) { 
      $(this).load('<%= Url.Action("TransferTo", "Pacient") %>'); 
     }, 
     buttons: 
     { 
      "Transfer": function() { 
       // do something in database 
       $(this).dialog("close"); 
      }, 
      "Cancel": function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
    $("#transferToLink").click(function() { 
     $("#transferTo").dialog("open"); 
     return false; 
    }); 
}); 

<a href="javascript:void()" id="transferToLink">Transfer to</a> 

부분보기 보인다. 각 행은 자신의 ID를 가진 사용자입니다. 그래서 내가 뭘하고 싶은지 ...

내가 링크를 클릭하면 (각 행의 편집 링크를 클릭하면 표시됩니다) jquery 함수에 사용자의 ID를 전달하고 사용해야합니다. 대화 상자의 Click 이벤트 TransferTo. 대화 상자에서 TransferTo 버튼을 클릭하면 대화 상자의 드롭 다운 목록에서 id 매개 변수와 선택한 값을 가져 와서 데이터베이스와 통신하는 C# 함수에서 사용해야합니다 (repository.Edit (id, selectedValue))

Answer 1

을 저장하기 위해 여분의 숨겨진 필드를 필요로한다는 것이다.

<a href="#" onclick="openPopup('@id')" id="transferToLink">Transfer to</a> 

자바 스크립트는 다음과 같이한다 :이 도움이

function openPopup(id) { 
    $("#transferTo").dialog({ 
     autoOpen: false, 
     height: 100, 
     width: 300, 
     modal: true, 
     resizable: false, 
     open: function (event, ui) { 
      $.ajax({ 
       "url": yourActionUrl, 
       "data": { myParameter: id }, 
       "type": "POST" 
      }); 
     }, 
     buttons: 
    { 
     "Transfer": function() { 
      // do something in database 
      $(this).dialog("close"); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     } 
    } 
    }).open(); 
} 

희망을.

추 신 : autoOpen : true라고 말하면 끝에서 열기 방법은 필수가 아닙니다.

Answer 2

링크 편집 버튼의 이름에 ID가 있어야합니다. "lnkEdit_ {id}"와 같은 것입니다. 여기서 {id}는 항목의 실제 ID입니다.

$ ("# transferToLink"). click 이벤트에서 $ (this)의 ID를 구문 분석하고 양식의 HiddenValue 필드에 설정하십시오.

대화 상자의 전송 단추 이벤트에서이 값을 읽습니다.

세련되지는 않았지만이 유형의 설정으로 옵션이 제한되어 있습니다. 이전에는이 ​​기술을 사용했지만 문제가 없었습니다.

이 대화 상자가 열립니다 자바 스크립트 함수를 호출하도록 링크를 구현 : 유일한 부정적인는 임시 값 내가 이런 식으로했을