x-editable 控件与 typeaheadjs 问题答案

【问题标题】：x-editable control with typeaheadjs issuex-editable 控件与 typeaheadjs 问题
【发布时间】：2014-02-13 03:11:36
【问题描述】：

我似乎无法让 'on' 事件在这个 x-editable 控件中工作

我已经将它作为一个独立的函数在 x-editable 项目中进行了尝试，但两者都不会触发...我正在尝试获取存储在基准对象中的所选项目的数据值。有什么想法>？

$('#cReferralID').editable({
    // url: '/Update/Client',
    name: 'hi',
    typeahead: {
        name: 'referall',
         remote: {
             url: 'Search/ReferNameLookup?q=%QUERY'
         }

    }.on('typeahead:selected', function ($e, data) {

        alert("selected: " + data.value + " datum - " + data.data);
        selected = data;
    })
});

【问题讨论】：

标签： jquery bootstrap-typeahead typeahead x-editable

【解决方案1】：

这是我克服类似问题的方法

  $(document).on('DOMNodeInserted', function(e) {
    var $target = $(e.target);
    if ($target.hasClass('tt-dataset-referall')) {
      //element with #someID was inserted.
      var $input = $target.closest('.twitter-typeahead');
      $input.off('typeahead:selected typeahead:autocompleted');
      $input.on('typeahead:selected typeahead:autocompleted', function(e, data) {
        alert("selected: " + data.value + " datum - " + data.data);
        selected = data;
      });
    }
  });

【讨论】：

【解决方案2】：

你希望什么时候触发？

如果它正在保存，请执行：

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

如果弹出窗口显示（或内联表单）：

$('#cReferralID').on('shown', function(e, editable) {
    editable.input.$input.val('overwriting value of input..');
});

【讨论】：