Làm thế nào để vô hiệu hóa các điều khiển trong một trang ASP.NET khi usercontrol được chọn?

Question

Tôi đã tạo thành công một điều khiển người dùng để hiển thị thông báo lỗi. bây giờ mọi thứ hoạt động tốt nhưng khi thông báo được hiển thị các điều khiển nền có thể được truy cập. làm thế nào để vô hiệu hóa các điều khiển trang hoặc trang từ cách nhấp hoặc chọn bất kỳ điều khiển nào. và khi bảng điều khiển được đóng, nó sẽ cho phép các điều khiển trang.

tôi tìm thấy bạn bè trả lời.

void DisableControls(Control parent, bool status) 
    { 
    foreach (Control c in parent.Controls) 
      { 
       if (c is DropDownList) 
       { 
        ((DropDownList)(c)).Enabled = status; 
       } 
       if (c is Button) 
       { 
        ((Button)(c)).Enabled = status; 
       } 
       if (c is TextBox) 
       { 
        ((TextBox)c).Enabled = status; 
       } 

       if (c is RadioButton) 
       { 
        ((RadioButton)c).Enabled = status; 
       } 
       if (c is ImageButton) 
       { 
        ((ImageButton)c).Enabled = status; 
       } 
       if (c is CheckBox) 
       { 
        ((CheckBox)c).Enabled = status; 
       } 
       if (c is DropDownList) 
       { 
        ((DropDownList)c).Enabled = status; 
       } 
       if (c is HyperLink) 
       { 
        ((HyperLink)c).Enabled = status; 
       } 
       if (c is GridView) 
       { 
        ((GridView)c).Enabled = status; 
       } 
       if (c is Table) 
       { 
        ((Table)c).Enabled = status; 
       } 
       if (c is Menu) 
       { 
        ((Menu)c).Enabled = status; 
       } 
       if (c is TreeView) 
       { 
         ((TreeView)c).Enabled = status; 
        } 
} 
     } 

Answer 1

Tôi hiểu rồi, bạn muốn nó hoạt động giống như một hộp thoại modal. Nó có thể được thực hiện thông qua html + javascript đơn giản. Bạn phải tạo một lớp phủ div trong suốt đi qua toàn bộ trang, do đó, người dùng thay vì nhấp vào các điều khiển mà nó sẽ nhấp vào div. Z-index cho biết vị trí trên phần còn lại của các điều khiển.

<!-- Div Overlay --> 
<div id="div-overlay" style="position: absolute; height: 100%; width: 100%; z-index: 200; display: none; opacity: 0.0"></div> 

<!-- Scripts to show/hide overlay --> 
<script type="text/javascript"> 
function showOverlay() { 
    var e = document.getElementById('div-overlay'); 
    e.style.display = 'block'; 
} 

function hideOverlay() { 
    var e = document.getElementById('div-overlay'); 
    e.style.display = 'none'; 
} 
</script> 

Hy vọng điều đó sẽ hữu ích.

Answer 2

Bạn có thể sử dụng đơn giản là một div và với sự giúp đỡ của CSS, bạn có thể có khả năng hiển thị div mà như một popup modal hoặc đơn giản là sử dụng jquery modal bật lên http://jqueryui.com/demos/dialog/ hoặc asp.net ajaxcontrol toolkit http://www.asp.net/ajax/ajaxcontroltoolkit/samples/modalpopup/modalpopup.aspx

Answer 3

Are bạn đang cố gắng tạo một hộp thoại phương thức? Nếu có, bạn có thể sử dụng ModalPopupExtender Control từ asp.net ajax. kiểm tra liên kết này:

http://msdn.microsoft.com/en-us/magazine/cc164247.aspx