By default, there is no property or methods that can be used to implement your specific scenario, to disable WebPane include underlying controls that located inside.

I’d like to offer a solution by using following Javascript function. Here is the scenario of the test page in my local end. There is a page that has a simple layout of WebPaneManager. In the “Header” pane, a WebCombo is added. Yet, an HTML button is added into the page. This button will be used to toggle the disable condition of the “Header” pane (include its underlying controls).

The idea is quite simple. First, get the div element of the content from the specific pane that we would like to disable/enable. Next, iterates through the childNodes of the content and set its disabled property to false or true.

function button1_onclick() {
    var WebPaneManager1 = ISGetObject("WebPaneManager1");
    var divContainer = WebPaneManager1.RootGroupPane.Panes[0].GetContentDivElement();

    toggleDisabled(divContainer);

    return true;
}

function toggleDisabled(el) {
    try {
        el.disabled = el.disabled ? false : true;
    }
    catch (E) {
    }

    if (el.childNodes && el.childNodes.length > 0) {
        for (var x = 0; x < el.childNodes.length; x++) {            
            toggleDisabled(el.childNodes[x]);
        }
    }
    return true;
}

I enclosed my test page as attachment. Please have the attach sample tested on your end and let us know whether it helps or not.

By default, there is no property or methods that can be used to implement your specific scenario, to disable WebPane include underlying controls that located inside.

I’d like to offer a solution by using following Javascript function. Here is the scenario of the test page in my local end. There is a page that has a simple layout of WebPaneManager. In the “Header” pane, a WebCombo is added. Yet, an HTML button is added into the page. This button will be used to toggle the disable condition of the “Header” pane (include its underlying controls).

The idea is quite simple. First, get the div element of the content from the specific pane that we would like to disable/enable. Next, iterates through the childNodes of the content and set its disabled property to false or true.

function button1_onclick() {
    var WebPaneManager1 = ISGetObject("WebPaneManager1");
    var divContainer = WebPaneManager1.RootGroupPane.Panes[0].GetContentDivElement();

    toggleDisabled(divContainer);

    return true;
}

function toggleDisabled(el) {
    try {
        el.disabled = el.disabled ? false : true;
    }
    catch (E) {
    }

    if (el.childNodes && el.childNodes.length > 0) {
        for (var x = 0; x < el.childNodes.length; x++) {            
            toggleDisabled(el.childNodes[x]);
        }
    }
    return true;
}

I enclosed my test page as attachment. Please have the attach sample tested on your end and let us know whether it helps or not.

Thank you. This works good. The only issue is that you get a JS error if you click on the Grid's FilterRow ARROW icon. That's not a big deal. Do you think there is a way to speed it up? Or is the only wat recursion?

Currently I have no better idea to implement such scenario or to speed it up.

About the JS error, could you please let us know in detail about how to reproduce the issue? You may modify my sent sample and let us know the step-by-step to reproduce the issue (include the version of the browser).

Hope this helps.