Запретить использование предметов в других (родительских / дочерних) элементах
Я использую knockout-sortable.js, чтобы позволить пользователю перетаскивать элементы, чтобы задать им другой порядок, но у меня возникают проблемы, когда у меня несколько «зон перетаскивания». на моей странице. У меня есть вложенные наборы, все из которых можно сортировать, ноnot взаимозаменяемы.
Мой код:
<div class="sortable" data-bind="sortable: blueprint.pages">
<tr><td>Blabla</td></tr>
</div>
И в какой-то другой момент:
<div class="sortable" data-bind="sortable: selectedPage().page_sections">
<tr><td>Another blabla</td></tr>
</div>
Теперь я могу просто перетащить "еще один бла". в "Blabla", вызывая ошибки. Как я могу предотвратить это?