Làm cách nào để tạo một nút gửi bài đăng ASP.NET trong khi trong hộp thoại Giao diện người dùng jQuery?Hộp thoại Giao diện người dùng jQuery (Phương thức), ngăn chặn bất kỳ postback nào
Thực ra tôi đang sử dụng phương thức hộp thoại giao diện người dùng giống như phương thức chúng tôi đã thực hiện với phương thức của bộ công cụ kiểm soát Ajax, để cập nhật giá trị dữ liệu được lưu trữ trong điều khiển GridView. Tôi có thể làm mọi thứ, nhưng tôi không thể kích hoạt một postback với một UI Modal. Tôi là một chút mới để jQuery và giao diện người dùng của nó như vậy, không thể tìm thấy một giải pháp tốt cho điều đó.
Đối với phương thức của bộ công cụ Ajax, chúng tôi đã sử dụng để đặt thuộc tính trình kích hoạt để cho phép đăng lại khi có ai đó nhấp vào nút gửi của nó, nhưng ở đây điều đó là không thể. Sau đây là mã của tôi:
//------------Modal first----------------
<div id="editEventModal" title="Edit Event Details" style="display:none">
//-------Here are my controls with asp.net validators
<asp:Button ID="btnEditEvent" runat="server" Text="Save" ValidationGroup="EditEvent" />
</div>
//--------- JavaScript/jQuery method for calling popup
function invokeEditPopup(){
$("#editEventModal").dialog({
width: 700,
modal: true
});
}
//-- Please not that I have not used UI_Dialog's predefined `OK`, `Cancel` buttons as I need to validate my form with asp.net validators on submit button's `click` event.
Trong GridView Tôi đã thêm javascript kiện invokeEditPopup()
đến nút (mà sẽ được sử dụng để bật lên hộp thoại), trong GridView_DataBound
tổ chức sự kiện.
Làm cách nào để làm cho btnEditEvent
của hộp thoại thực hiện đăng lại, để thực hiện quy trình yêu cầu trên máy chủ.
----------------------- Để biết thêm thông tin ------------------ I đã thử sử dụng ý tưởng từ jQuery UI Dialog with ASP.NET button postback.
Và ngay dưới định thoại của tôi trong Javascript, tôi đã cố gắng sử dụng (các khóa học riêng):
$("#editEventModal").parent().appendTo($("form"));
//--------And---------------
$(".ui-dialog").parent().appendTo($("form"));
//--------And---------------
$("#editEventModal").parent().prependTo($("form"));
//--------And---------------
$(".ui-dialog").parent().prependTo($("form"));
Nhưng nó đã không làm việc một cách chính xác.