Почему цель данных не находит идентификатор моего модального канала?

Question

У меня есть программа, в которой пользователь может удалить строку из текстового файла, однако перед удалением я хотел бы, чтобы был модальный вариант подтверждения, где пользователь может дважды проверить, удаляет ли он / она правильную строку. Тем не менее, мой идентификатор модального сообщения, похоже, не связан с переключателем данных кнопки, отвечающей за вызов модального окна?

Кнопка для вызова модального режима:

<button class="btn" data-toggle="modal" data-target="@dataLine.Split(Model.CategoryList.delimiterChar)[1]" id="@dataLine.Split(Model.CategoryList.delimiterChar)[1]">Delete</button>

Для предоставления дополнительного контекста; «@ dataLine.Split (Model.CategoryList.delimiterChar) [0]» является частью строки в текстовом файле, я использую это для того, чтобы определить, какую строку необходимо удалить.

Ниже мой модал, где я использую то же значение идентификатора, что и для переключения данных выше:

<div class="modal" id="@dataLine.Split(Model.CategoryList.delimiterChar)[1]" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Modal title</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p>@dataLine.Split(Model.CategoryList.delimiterChar)[0]</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" onclick="location.href = '@Url.Action("DeleteCategoryLine", "Index", new { id = dataLine.Split(Model.CategoryList.delimiterChar)[1] })'">Yes</button>
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                            </div>
                        </div>
                    </div>
                </div>

Можно ли даже использовать переключение данных и идентификатор так, как я указал выше?

Answer 1

Почему вы устанавливаете идентификатор с выбранной строкой вашего текстового файла? Что если в вашей текстовой строке есть пробелы? Дайте stati c id-name и укажите его в data-target, так как это всплывающее окно не генерируется динамически согласно моему пониманию. Ваша цель будет достигнута внутри модального тела, чтобы показать, какая строка удалена