Disable Grid

[Kevin Cauchi]

How do you disable and grey out a grid in javascript?

Thanks in advance

K

[Shinu]

Hi,

Here is the script I tried. Please take a look into it.

Javascript:

function pageLoad()
{
    var grid = $find("<%=RadGrid1.ClientID %>");
    grid._element.disabled = true;
}

Thanks,
Shinu.

[Kevin Cauchi]

_element is undifined.

My solution is this:

function EnableDisableChildren(control, isenabled) {

     //disable the control
     control.disabled = !isenabled;

     //grey out the control
     if (control.style != null) {
         if (!isenabled)
             control.style.color = "#888";
         else
             control.style.color = "";
     }

     //If there are any links, hide them as they cannot be disabled
     if ((control.type != null) && (control.type == '')) {
         if (isenabled) {
             control.style.display = 'block';
         }
         else
             control.style.display = 'none';
     }

     //Do the same for the children
     for (var i = 0; i < control.children.length; i++) {
         EnableDisableChildren(control.children[i], isenabled);
     }
 }

Although this works, it  worries me a bit... maybe there are some consequences to it.