Bootstrap X-editable, clear button for textarea

Question

Мне интересно, есть ли возможность использовать кнопку очистки для типа ввода textarea в bootstrap-editable, поскольку она находится в типе ввода = «текст» по набору свойств clear: true

Или мне нужно использовать некоторое обходное решение?

Answer 1

я не могу найти способ, я думаю, что причина, это потому, что текстовое поле труднее стиль, потому что это изменяемое и с большим количеством линий.

Без изменения исходного кода мне удалось немного взломать.

Если опция clear верна, я использую событие shown, чтобы добавить пользовательскую кнопку к плагину и прикрепить специальное событие, чтобы очистить содержимое текстового поля.

Код:

$('#dob').on('shown', function (e, editable) { 
    if (arguments.length != 2) return 
    if (!editable.input.$input.closest('.control-group').find('.editable-input >textarea').length > 0 || !editable.options.clear || editable.input.$input.closest('.control-group:has(".btn-clear")').length > 0) return 

    editable.input.$input.closest('.control-group').find('.editable-buttons').append('<br><button class="btn btn-clear"><i class="icon-trash"></i></button>'); 
}); 

$('body').on('click', '.editable-buttons > .btn-clear', function (e) { 
    $(this).closest('.control-group').find('.editable-input >textarea').val(''); 
    return false 
}); 

Демо: http://jsfiddle.net/IrvinDominin/8akfp/

Answer 2

Вы можете сделать это вручную с помощью JQuery, как так:

$('button').click(function() { 
    $('textarea').val(''); 
}); 

fiddle