Как я могу предотвратить поведение по умолчанию, заключающееся в закрытии окна ввода, редактируемого с помощью x-ed, когда фокус сменился на что-то другое?
Мое требование - держать поле ввода открытым до тех пор, пока не произойдет щелчок по кнопке с галочкой или крестиком.
Я считаю, что вы ищете {onblur: "ignore"}.
Из документации:
Действие, когда пользователь щелкает за пределами контейнера. Может быть
cancel|submit|ignore.
Настройкаignoreпозволяет открывать несколько контейнеров.
См. эту скрипку или приведенную ниже демонстрацию.
$(function() {
$.fn.editable.defaults.mode = 'inline';
$('#publicname-change').editable({ onblur:"ignore"})
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<script src="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/js/bootstrap-editable.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet"/>
<link href="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet"/>
<div class="control-group control-group-inline">
<div class="controls">
<a href="#" id="publicname-change" class="editable editable-click inline-input">Mr.Rohith</a>
</div>
</div>