Мне нужно показать модальный диалог для редактирования элемента в приложении одной страницы, когда я выбираю элемент из списка.
Проблема: я использовал привязку visible
, но это оказалось громоздким, и оно не работает должным образом, так как оно показывает только диалог, без наложения и затухания (если есть) не работает.
Html:
<div class="modal hide fade" data-bind="visible:selectedItem, with:selectedItem">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 data-bind="text:name"></h3>
</div>
<div class="modal-body">
<form data-bind="submit:deselectItem">
<!-- editor for item here -->
</form>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-bind="click:deselectItem">Close</a>
</div>
</div>
Модель для этого простого объекта с функцией observableList, obervable selectedItem и deselectItem, которая устанавливает selectedItem в null.