У меня есть представление, которое создает подпредставление для каждого элемента в списке.В общем, давайте назовем их ListView и ListItemView.Я добавил событие в ListItemView следующим образом:
events: {
"click .remove": "removeItem"
}
У меня есть HTML-шаблон, сгенерированный шаблоном для ListItemView, который примерно похож на следующий (поменялся местами lb / rb для {/}, так что вы можете увидеть «незаконно»html):
{div class="entry" data-id="this_list_item_id"}<br/>
SOME STUFF HERE<br/>
{div class="meta"}<br/>
{a class="remove" href="javascript:;"}[x]{/a}<br/>
{/div}<br/>
{/div}
Проблема заключается в том, что, когда щелчок по любому из [x], ВСЕ из ListItemViews запускают свою функцию removeItem.Если он у меня выйдет из идентификатора этой модели, тогда я уроню все элементы на странице.Если мне нужно выйти из родительского элемента родительского элемента, по которому щелкнули, чтобы получить идентификатор данных, я получу удаление для каждого экземпляра ListItemView.Есть ли способ создать событие для конкретного экземпляра, которое будет вызывать только один removeItem?
Если у меня ListView, удерживайте один экземпляр ListItemView и переназначайте модель ListItem и визуализируйте для каждого элемента в списке, который работает,Я заканчиваю только одним действием (removeItem), которое запускается.Проблема в том, что мне нужно найти родителя цели клика, чтобы найти атрибут data-id attr.Лично я думаю, что приведенный ниже фрагмент довольно уродлив и желает лучшего способа.
var that = $($(el.target).parent()).parent();
Буду очень признателен за любую помощь.