2011-04-12 8 views
0

나는 다음과 같은 부분도 있습니다 닫기 JqueryUI 대화

@using (Ajax.BeginForm("EditUserRole", "Administrator", null, new AjaxOptions{ OnSuccess = "CloseWnd()")) 
{ 
    <input type="submit" class="jqBtn" /> 
} 

나는 아약스에 의해이 얻을이 같은 대화 상자에 삽입 :

@Ajax.ActionLink(" ", "GetEditUserRoleControl", new { userId = x.UserId }, new AjaxOptions { UpdateTargetId = "WndContent", OnSuccess="OpenWnd('Edit User Roles')" }, new { @class = "ui-icon ui-icon-person BtnIcon" }) 

<div id="WndContent" style="display: none;"> 

</div> 

<script> 
function OpenWnd(title) { 
    var $dialog = $("#WndContent").dialog({ title: title, modal: true }); 
    //get the widget element 
    var $widg = $dialog.dialog('widget'); 
    //find all buttons and apply button: 
    $("input:submit.jqBtn", $widg).button(); 

} 
</script> 

양식을 제출 한 후 상자를 닫아야합니다. 하지만 대화 상자에 따라 부분 컨트롤에 코드를 작성하는 것 같습니다. 또한 jquery에 내장 된 버튼을 사용하고 싶지 않습니다. 부분 양식에서 버튼을 제거해야하기 때문입니다. 어떤 도움이 필요합니까?

답변

0

콘텐츠에 양식이 있는지 살펴보고 제출 기능에 바인딩 할 수 있습니다.

$("form", $widg).submit(function(){ 
    /* submit callback */ 
}); 

이것은 양식 제출시기를 알려주지 만, 아약스 제출 상태는 알려주지 않습니다.

나의 제안은이 대화 상자가 어떻게 사용되도록 설계되었으므로 dialog 단추를 사용하고 단추를 선택적으로 렌더링하도록보기를 수정하는 것입니다. 액션 링크를 통해 다른 키 modalView=true을 전달할 수 있습니다.

관련 문제