Default Read/Edit Field Editor

Here is a thread about doing just this for the Table component.  

https://community.skuid.com/t/how-to-make-a-table-component-read-only-dynamically

Making this work for the field editor would involve trivial changes. 

For those changes, I’m going to take a quick stab at what they might be.

row -> field
getFirstRow() -> ?? is there a getField function or similar?
row.your_field_name -> field.your_field_name
$(‘.nx-skootable:visible’).data(‘object’) -> ??
table.mode -> model.mode or editor.mode?

Not sure I see anything else that would need to be changed at an initial glance.

I’m mostly just in the dark here, trying to feel it out using the API References.

Ok.  Let’s step back here and comment up the code to help you out. 

But, first.  Go to your field editor and look in the advanced tab.  Add a name to the “class” property.  I used MagicForm   

Then create a javascript resource of type Inline:

Here is the code:   (you can delete the commentary that begins with // )

var $ = skuid.$; $(function() { var m = skuid.model.getModel('your_model_name'); //Keep the quotes var renderFieldEditor = function() { //Change here is just a Var name not essential. var row = m.getFirstRow(); //Gets the first row of data from your model. Not about the Table. var fieldToCheck = row.your_field_name; // Probably LeadStatus - use the API name var fieldEditor = $('.MagicForm').data('object'); //Call the Field Editor we added the class property to above //In this section we evaluate the lead status if(fieldToCheck == 'Sales Accepted' || fieldToCheck == 'Reached Out' || fieldToCheck == 'Engaged ' ) { fieldEditor.mode = 'read'; fieldEditor.list.render({doNotCache:true}); } else { fieldEditor.mode = 'readonly'; fieldEditor.list.render({doNotCache:true}); } }; // run the first time (page load) renderFieldEditor(); // set to listen for changes, then rerender field editor // comment out this code if you only want to check on page load var listener = new skuid.ui.Editor(); listener.handleChange = function() { renderFieldEditor(); }; listener.registerModel(m); });

Note: that last section where you listen for changes may be too much.  It takes effect immediately, even without saving the record.  Might be too much. 

Is the mode “read” the equivalent to Read with Inline-Edit? And I assume the default mode doesn’t matter if the code is working properly (since they would override it for any situation).

Ha - I had selected In-line (snippet) rather than In-line. Is there documentation somewhere that explains the “Resource Location” picklist?

But it works now, thanks per usual Rob!

Here is a good conversation on the difference between resource location types: 

https://community.skuid.com/t/whats-the-difference-between-the-javascript-resource-typ…