Question

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

我已经尝试过它作为一个独立的功能，并且在x-editable项目中也不会触发...我试图获取存储在基准对象中的所选项的数据值。任何想法＆gt;？

$('#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;
    })
});

Answer 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;
      });
    }
  });

Answer 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..');
});

带有typeaheadjs问题的x-editable控件

2 个答案: