X-Editable: Attach event to data change

Sumit Shrestha picture Sumit Shrestha · Feb 28, 2014 · Viewed 16.3k times · Source

How to attach events to any data changes in fields done using XEditable? If not if there is any other plugin that allows that kind of behavior?

Answer

Ramesh picture Ramesh · Aug 25, 2014

I am using Angular-xeditable, And i am able to bind events and add other attributes too. Add e-onChange="alert('I am Fired')" to your needed HTML Tag. For Example:

<a href="#" editable-text="user.name" e-onChange="alert('I am Fired')" e-style="color: green" e-required e-placeholder="Enter name">

http://jsfiddle.net/cg3pLmed/

And by JavaScript

$('#username').on('save', function(e, params) {
     alert('Saved value: ' + params.newValue);
});

Fired when new value was submitted. You can use $(this).data('editable') to access to editable instance. Check with the Events in the following link http://vitalets.github.io/x-editable/docs.html