Tôi cần tạo cửa sổ bật lên trong mvc (không phải tab mới trong trình duyệt). Có ai biết cách để làm điều này không?Cửa sổ bật lên MVC-pop
Trả lời
Một khả năng là sử dụng jquery ui dialog.
EDIT
Ý tưởng sẽ có một hành động ajax trả về một cái nhìn cục bộ. Kết quả của hành động đó (html) được đặt bên trong thùng chứa của cửa sổ bật lên và trên trình xử lý thành công của cuộc gọi ajax, bạn mở cửa sổ bật lên. Dưới đây là một số mẫu mã:
@Ajax.ActionLink("Open popup", "SomeAction", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "result", InsertionMode = InsertionMode.Replace, OnSuccess="openPopup" })<br />
<div id="result" style="display:none;"></div>
<script type="text/javascript">
$(document).ready(function() {
$("#result").dialog({
autoOpen: false,
title: 'Title',
width: 500,
height: 'auto',
modal: true
});
});
function openPopup() {
$("#result").dialog("open");
}
</script>
Sau đó, bạn cần phải thêm các hành động trong bộ điều khiển mà trả về xem phần
[HttpGet]
public PartialViewResult SomeAction()
{
return PartialView();
}
Nơi bất cứ điều gì bạn cần trong giao diện phần, bạn cũng có thể bao gồm các thông số trong hành động, v.v.
Chúc may mắn!
Tôi cần phải vượt qua địa chỉ url sẽ được mở trong cửa sổ pop up phương thức, và tôi không chắc chắn làm thế nào để làm điều đó với jquery .. Bất kỳ ý tưởng? – Cipiripi
Tôi đã chỉnh sửa câu trả lời của mình, vui lòng kiểm tra câu trả lời. – uvita
Nó sẽ mở ra một số div như một nội dung hộp thoại phải không? Nhưng làm thế nào để mở một số trang khác trong hộp thoại? –
Cách rõ ràng nhất là sử dụng một trong các khung công tác js. Cá nhân tôi prefere jQuery UI hộp thoại kiểm soát.
Vui lòng kiểm tra http://jqueryui.com/demos/dialog/ để biết thông tin chi tiết về nó.
Ngoài ra bạn có thể kiểm tra ASP.NET MVC modal dialog/popup best practice (câu hỏi của nó tương tự như của bạn)
Tất nhiên nếu bạn cần một số đơn giản sổ popup bạn luôn có thể sử dụng alert('Im popup');
Cập nhật theo yêu cầu mới nhất của bạn
Để mở một số url trong mới cửa sổ bạn có thể sử dụng javascript tiếp theo:
function OpenDialog() {
window.open("some url", "DialogName", "height=200,width=200,modal=yes,alwaysRaised=yes");
}
Nhưng kết quả thực sự phụ thuộc vào trình duyệt. Hầu hết trong số họ mở cửa sổ phương thức này không phải trong tab mới nhưng trong phiên bản trình duyệt mới.
Chủ đề này có thể giúp bạn:
JavaScript open in a new window, not tab
- 1. Cần trợ giúp để có cửa sổ bật lên Cửa sổ bật lên
- 2. Chiều rộng cửa sổ bật lên Bootstrap cho cửa sổ bật lên-bên trong
- 3. Python: Cửa sổ bật lên PyQt
- 4. EditText Trên Cửa sổ bật lên
- 5. Cửa sổ bật lên trong Java Swing
- 6. facebook Cửa sổ bật lên Sharer
- 7. Selenium: Kiểm tra cửa sổ bật lên
- 8. Cách đóng cửa sổ bật lên Liferay.util.openWindow?
- 9. Twitter OAuth qua cửa sổ bật lên
- 10. Bật cửa sổ bật lên từ dịch vụ
- 11. Đóng cửa sổ bật lên Safari bằng cách sử dụng nút bấm trong cửa sổ bật lên
- 12. Làm thế nào bạn có thể đảm bảo cửa sổ bật lên cửa sổ bật lên twitter được hiển thị?
- 13. Làm cách nào để tạo iframe bật lên trong cửa sổ bật lên Magnific?
- 14. Ngăn cuộn nền khi hiển thị cửa sổ bật lên
- 15. Cửa sổ bật lên Twitter Bootstrap không tải
- 16. Cách đóng cửa sổ bật lên lộng lẫy bằng jquery
- 17. jQuery Mobile mở cửa sổ bật lên khi tải trang
- 18. đầu vào javascript qua cửa sổ bật lên gốc
- 19. Vô hiệu hóa cửa sổ bật lên ASP.NET
- 20. Kích thước cửa sổ bật lên trong android
- 21. Chuyển sang cửa sổ bật lên trong dưa chuột, capybara
- 22. cửa sổ bật lên mới trên mỗi nhấp chuột
- 23. Bố cục bố cục sai trong cửa sổ bật lên
- 24. khi cửa sổ bật lên vẫn hiển thị
- 25. Dừng tự động bật lên thông điệp intellij cửa sổ
- 26. JavaFX cửa sổ bật lên 2 tùy chỉnh
- 27. Chia sẻ Google Plus trong cửa sổ bật lên
- 28. Đóng cửa sổ bật lên sau 3 giây
- 29. Drupal: tạo nội dung trong cửa sổ bật lên/lightbox?
- 30. cắt xén duyệt hình ảnh trên cửa sổ bật lên
Tôi đã cập nhật câu trả lời theo yêu cầu mới nhất của bạn (địa chỉ url mở trong hộp thoại). Tôi hy vọng nó sẽ giúp bạn :) –