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/

Answer 3

您可以使用成功或错误回调函数进行基本X-Editable而不使用Angular。见http://vitalets.github.io/x-editable/docs.html#editable

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

3 个答案: