關閉jQueryUI的對話框

Question

我有以下的局部視圖：

@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按鈕，因爲我必須從部分表單中刪除按鈕。任何幫助？

Answer 1

那麼你可以查看錶單的內容，並綁定到提交功能。

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

這會告訴你何時提交表單，但不是當ajax提交狀態。

我的建議是使用dialog按鈕（因爲這是該對話框的設計目的是如何使用）並修改視圖以選擇性地呈現按鈕。您可以通過操作鏈接傳遞另一個密鑰modalView=true。