snippet to execute each time UI field's value is changed (without saving)

you’d create a custom renderer and add an onchange handler to the field.

Hi Dave

As Mordechai already wrote, a Custom Field Renderer is the way to go.

It should look something like this:

var field = arguments[0],    value = arguments[1],
    $ = skuid.$;
    
    field.element.append(
    skuid.ui.renderers.TEXT.edit({
        inputType: ‘text’,
        value : field.row[field.id],
        onChange : function( value ) {
        //Your Action here
       // To run your Snippet use 
       // skuid.snippet.getSnippet(‘SnipetName’)();
            console.log(“On Change Event”);
        }
}));

Make sure to change “TEXT” to whatever Type your UI Only Field is.

This would be an easier version of this code: 

var field = arguments[0], 

    value = arguments[1], 

    model = field.model, 

    row = field.row, 

$ = skuid.$; 

field.element.change(function(){ 

    //some actions after the value of the element has changed 

}); 

skuid.ui.fieldRenderers[field.metadata.displaytype]field.mode;

Thank you Chris, I just tried the easier version with added Action: skuid.snippet.getSnippet(‘SnipetName’)();

And it works like a Charm 🙂

Thx!