Автомасштабируемый ввод текста с помощью JEditable.js?

Question

Я искал сценарий, который объединяет autoGrowInput с JEditable, но не нашел ни одного.

Answer 1

Использование https://github.com/MartinF/jQuery.Autosize.Input инициализируется автоматически с помощью данных событий jEditable в:

jQuery(element).editable(save_fn, { 
    data: function(value,settings} { 
     var target = event.target; 
     window.setTimeout(function(){ 
      jQuery(target).find('input').autosizeInput(); 
     }); 
     return value; 
    } 
}); 

Стоит отметить, что это событие (данные) срабатывает до того, как входной элемент фактически создается, следовательно, использование тайм-аута. Кажется, что в настоящее время нет события, которое было создано после ввода.

Answer 2

На самом деле я создал плагин, который делает именно это. Вы можете проверить demo и documentation. Я попытался сделать его очень интуитивным. Он обладает возможностями ajax, используя философию RESTful. Если вам понравился эффект анимации для autoGrowInput, будет очень легко добавить его в плагин, просто изменив файл css, используя свойство перехода.

Если у меня есть люди, которым это нравится, я могу улучшить и добавить к нему дополнительные функции. Надеюсь, поможет.