Question

我想知道是否有可能在bootstrap-editable中使用输入类型textarea的clear按钮，因为它在输入类型=“text”中通过属性集 clear：true

或者我必须使用一些解决方法吗？

Answer 1

我找不到任何方式，我认为原因是因为textarea更难以设计风格，因为它可以调整大小并且有更多的线条。

在没有修改原始代码的情况下，我进行了一些黑客攻击。

如果clear选项为true，我会使用shown事件向插件添加自定义按钮并附加自定义事件以清除textarea内容。

代码：

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

用于textarea的Bootstrap X-editable，clear按钮

2 个答案: