could this be it!?

EDIT: Maybe not. Still doesn't help me to find the control that is to be disabled 🙁

I had a quick play around but couldn't get it to work exactly - I am using row-editing. I think I need to apply the class you mentioned to a "span" inside the cell to make it work. However, since I'm going to have to do some DOM navigation to do that any way, I wondered if there were a similar method that would give me more control in the future.

i.e. I'm experimenting with this: Say I have two columns, col1 has a pair of radios (Yes/No), col 2 has a dropdown list. I want to disable the dropdown if the user clicks radio "No", enable if "Yes"...

So I could apply a class to each radion/dropdown control (radio buttons have "classActionRadio", dropdownlists have "classActionDDL", etc). I use a jQuery.live call (on page startup) to ensure each radio control with "classActionRadio" has the attached event below (rough code):

        $(".classActionRadio").live('change', function(event) {
        //lastgridsel will be set to the rowid being edited
            if (lastgridsel) {
                var row = myGrid.getInd(lastgridsel, true)
                //Now, if the radio button "No" is selected...
                if (event.currentTarget.value == 'No') {
            //Do some jQuery magic to find the "next" dropdownlist in the DOM with "classActionDDL" and disable it.
                }
                else {
            //enable the DDL.
                }
            }
        });

Does that sound right? This is the bit where someone shows me the one line call that does it all 🙂 I feel like I'm making this too complicated.

Thanks. I'm looking forward to a time when I can ANSWER a question on here!

My grid is in cell edit mode so your mileage may vary if you are in row edit mode.

I have a function in the beforeSaveCell event that checks if the cell being changed is the one with the dropdown.

Depending on the value selected I will enable / disable editing on 3 other cells in the same row.

To disable a cell from being editable, change the cssclass to 'not-editable-cell'.

To make it editable again, remove that class.

Example:

    function checkRQD(rowid, cellname, value, iRow, iCol) {
        //if not required, disallow editing of columns 4, 5, and 6
        if (cellname == 'RQD') {
            var cssclass = '';
            if (value == '4') {      //Not required
                cssclass = 'not-editable-cell';
            }
            var row = theGrid.getInd(rowid, true)
            row.cells[4].className = cssclass;
            row.cells[5].className = cssclass;
            row.cells[6].className = cssclass;
        }
    }

If I have a grid where two of the columns are editable, one is a drop-down list and the other is a text box. Is it possible to enable/disable the textbox, based on value the user selects in the drop-down? i.e. the text box becomes editable only if they select "Yes" from the dropdown. It is not editable if they select "No".

I may end up using radio buttons instead of a dropdown but I'm sure the logic would be the same? (N.B. I may not be able to use radios because they don't work in the grid in IE6 which is, unfortunately, still one of our target browsers 🙁 )

Thanks!