Guriddo » Topic: Disabling edit controls based on other edit controls

Disabling edit controls based on other edit controls

Guriddo
Disabling edit controls based on other edit controls

This topic has 3 replies, 2 voices, and was last updated 16 years ago by jqwha.

Creator

Topic
July 22, 2010 at 4:49 pm #76744

jqwha
Participant

Hi,

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!
Creator

Topic

Viewing 3 replies - 1 through 3 (of 3 total)

Author

Replies
July 22, 2010 at 5:04 pm #95313

williamfjordan
Participant

I am doing a similar action based on a value from a select list in another cell.

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:

July 23, 2010 at 11:43 am #95319

jqwha
Participant

Hi,

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):

July 23, 2010 at 11:50 am #95320

jqwha
Participant

ooh. Just saw “dataEvents” in http://www.trirand.com/jqgridw…..mmon_rules

could this be it!?

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

Replies