<div class="tbody" data-bind="foreach: displayItems">
<div class="t-row">
<div class="t-cell">
<div class="manage-location-buttons">
<a href="javascript:void(0)">
<i class="fa fa-pencil" aria-hidden="true" data-bind="toggleClick: $component.openEditPopup"></i> Edit
</a>
<div class="edit-table-popup" data-bind="visible: $component.openEditPopup">
<ul>
<li><a data-hash="#locationmanagement/managelocations/locationediting" data-bind="click: goToTab">Locations</a></li>
<li><a data-hash="#locationmanagement/managelocations/events" data-bind="click: goToTab">Events</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
Это мой образец пользовательской таблицы.Использование одного наблюдаемого для нескольких строк в таблице
On Link click Я покажу edit-table-popup
div как всплывающее окно. Потому что я использую только один наблюдаемый openEditPopup
для всех элементов, onclick Я вижу всплывающее окно для каждой строки.
openEditPopup = ko.observable<boolean>(false);
toggleClick
- это обычай dirrective, который изменяет логическое значение на противоположное
Можно ли использовать только один наблюдаемый, но, чтобы показать всплывающее окно только щелкнули строки?
Я не хочу иметь для каждой строки различного всплывающего окна, потому что это может иметь некоторое влияние на производительность, поскольку я имею в виду – demo