[kleung]

Hi,

How can we enable / disable datetime control by javascript in Dynaform?
The method
$("[id='form["+gridId+"]["+rowNo+"]["+colNo+"]']").prop("disabled", true/false)
does not work with datetime.

Many Thanks

cheers,
Karl

[Ironguts25]

Hi, are you referring to a Datetime control outside a grid or inside?

For outside a grid you can use code such as this:
$("#yourdatecontrolIDname").getControl().attr('disabled', true);

For inside a grid you can try one of these examples:
https://wiki.processmaker.com/3.3/JavaScript_Functions_and_Methods/Grid#grid.hideColumn
https://www.pmusers.com/index.php/Show_or_hide_fields_in_grids

Let me know if this is helpful.

Thx.

[kleung]

Hi Ironguts25,

Thank you for your advice.

I need to disable datetime cells inside a grid when the rows meet some conditions. The datetime cells contain values. These values have to be shown to users but disallow them to edit it. On the other hand, if conditions of a row is satisfied, users can edit the datetime in cells of this row.
Hence the datetime cells of rows inside a grid need to be disabled / enabled instead of hide/show subject to conditions.

I tried the reference in https://www.pmusers.com/index.php/Editable_grid_fields_when_checkbox_is_marked but the method did not work with datetime control.

cheers,
Karl

[programerboy]

Hi,
You can write jquery code like this:

Code: Select all

outside grid:
$('#form\\[date001\\]').parent().find("input,span").attr("disabled", true);

inside grid:
$('#form\\[gridVar001\\]\\[1\\]\\[date001_label\\]').parent().find("input,span").attr("disabled", true);

http://pmlearning.info
Thanks

[kirkwg]

Kindly use a simple code to do it (inside a grid):

Code: Select all

//given you already know the value of  row i and column j of the datetime cell
i.e. if datetime cell is at column 6
$("#grid_id").getControl(1,6).attr("disabled", true);       //row 1, col 6 

[kleung]

Thank you for the advise by kirkwg and programerboy,

Both approaches work with datetime control.

However, I could not make
$('#form\\['+gridId+'\\]\\['+rowNo+'\\]\\['+aGridFieldsEditable+'\\]').parent().find("input,span").attr("disabled", disableState);
works with textarea and dropdown.

cheers,
Karl

[kirkwg]

Hi Karl,

As said use simple code, it also works to disable dropdown or textarea by : E.g.
$("#grid_id").getControl(1,1).attr("disabled", true); //say column 1 is dropdown
$("#grid_id").getControl(1,7).attr("disabled", true); //say column 7 is textarea

It works on my side, anyway...

[kleung]

Hi Kirkwg,

Thank you for your kind attention.
I'm sorry that I better replied both suggestions separately.

What I mean was I could not make the method
$('#form\\['+gridId+'\\]\\['+rowNo+'\\]\\['+col+'\\]').parent().find("input,span").attr("disabled", disableState);
works with textarea and dropdown.

Your approach
$("#grid_id").getControl(row, col).attr("disabled", disableState);
could work with textarea, dropdown and datetime.

Many thx

cheers,
karl

[kirkwg]

Hi Karl,

If you understand the code,
$("#grid_id").getControl(row, col). OR
$('#form\\['+gridId+'\\]\\['+rowNo+'\\]\\['+col+'\\]').

The two above already point to your specific field, so the rest is the same in order to set its attribute disabled to true/false!
That means it works as: //no need using find(...)
$('#form\\['+gridId+'\\]\\['+rowNo+'\\]\\['+col+'\\]').attr("disabled", true); //no matter it is dropdown or textarea..

Please try understand the code, thanks..

[kleung]

Hi Kirkwg,

Thank you for your advice.

Merry X'mas!

cheers,
Karl