удаление элемента из списка по щелчку мыши - PullRequest
0 голосов
/ 02 апреля 2020

Я использую ViewBag для передачи списка в View. Затем я отображаю каждую строку в списке одну за другой, используя foreach над списком. Мне нужно разрешить пользователю удалять записи из списка, нажав на запись, например, если пользователь щелкнет одну из строк, она исчезнет. Какой самый простой способ сделать это?

ViewBag.FlagList: ViewBag.FlagList = listStrLineElements;

cs html:

<div class="form-group">
<div class="col-md-10">
    <hr />
    <p><strong>Flagged Questions</strong></p>
    @foreach (var item in ViewBag.FLagList)
    {
        <div>
            @item
        </div>
    }
</div>
</div>

1 Ответ

1 голос
/ 02 апреля 2020

Вы можете получить parent по parentNode и удалить itself.

<div onclick="this.parentNode.removeChild(this)"> @item  </div>

function onDelete(elm, id) {
    // Do something with id
    console.log(id)
    elm.parentNode.removeChild(elm)
}
<p><strong>Click to remove</strong></p>
<div onclick="this.parentNode.removeChild(this)">
    1
</div>
<div onclick="this.parentNode.removeChild(this)">
    2
</div>
<div onclick="this.parentNode.removeChild(this)">
    3
</div>
<div onclick="this.parentNode.removeChild(this)">
    4
</div>
<div>
  <a href="#" onclick="this.parentNode.parentNode.removeChild(this.parentNode)"> href sample</a>
</div>
<div>
  <a href="#" onclick="this.parentNode.parentNode.removeChild(this.parentNode)"> href sample 2</a>
</div>

<div onclick="onDelete(this, '1221')">
    onDelete Function sample
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...