2012-12-19 38 views
5

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.

Trả lời

10

Cuối cùng, tôi nhận được câu trả lời: Câu hỏi tràn ngăn xếp An ASP.NET button click event is not firing. Cảm ơn PirateKitten.

Tất cả những gì tôi cần làm chỉ là thêm những điều sau ngay dưới phần tạo hộp thoại trong JavaScript, và nó hoạt động như sự quyến rũ.

$("#editEventModal").parent().appendTo(jQuery("form:first")); 
4

Bạn cũng có thể thêm sửa đổi css để đảm bảo rằng hộp thoại sẽ không ở phía sau lớp phủ div.

$("#editEventModal").parent().appendTo(jQuery("form:first")).css({"z-index":"101"}); 
Các vấn đề liên quan