Skip to main content

Hi All,

We’ve recently migrated from Skuid version 11.1.18 to Chicago Update 1 (14.3.2.0) and currently having trouble with toggling the elements to “edit” and “readOnly” modes on button click.


Upon clicking Edit On/Off button, we’re invoking a javascript enabling/disabling fields sitting in a particular element row. This is working fine for version 11.1.18.


For Chicago Update 1 (14.3.2.0) - When debugging this javascript through console, it seems row element modes are getting toggled between “edit” and “readOnly” but the fields within those rows are not getting toggled. here’s a sample code below -


f = skuid.component.getById(<Id of div row>).element;

if(f!==undefined && f.mode !==undefined){

if(f.mode !== 'edit'){
f.mode = 'edit';
f.list.render({doNotCache:true});

}
}

Any help/suggestions on this issue would be much appreciated. Thanks !

Hey @vishwajitwalke and welcome to the community!


This is something you can do without JS. You’ll need to clone those components and have one in each mode (e.g. a form in edit and then a clone of that form in read-only) and then use display logic to show/hide them.


Thanks @QuinnRyan. Eventually I found the solution by following steps mentioned in Using "Run Component Action" to switch to Edit mode..


Reply