X-Editable:将事件附加到数据更改

Question

如何将事件附加到使用XEditable完成的字段中的任何数据更改？如果没有,是否有任何其他插件允许这种行为？

Answer 1

我正在使用Angular-xeditable,而且我能够绑定事件并添加其他属性.添加e-onChange="alert('I am Fired')"到您需要的HTML标记.例如:

<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/

并通过JavaScript

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

提交新值时触发.您可以使用$(this).data('editable')访问可编辑的实例.请查看以下链接中的事件: http://vitalets.github.io/x-editable/docs.html

Answer 2

您可以使用e-ng-change这样添加回调:

<span editable-select="user.status" e-name="status" 
    e-ng-change="onStatusChanged($data)" 
    e-ng-options="s.value as s.text for s in statuses">

以下是状态选择框将触发Controller方法的小提琴onStatusChanged:

http://jsfiddle.net/NfPcH/9713/