Как отобразить модал без использования функции onClick - PullRequest
Новая
       16

Как отобразить модал без использования функции onClick

0 голосов
/ 16 января 2020

Хотелось бы узнать, как открыть модал без нажатия кнопки. По сути, если пользователь что-то ищет, а поиск не возвращает результатов, я бы хотел, чтобы всплыло модальное окно, информирующее пользователя о том, что поиск не дал никаких результатов. Я вставил свой код ниже, но я не думаю, что должен звонить jquery из html. 

  <table id="tableData" class="table">
        <tr>
            <th>
                First Name
            </th>

            <th>
                Last Name
            </th>
            <th>
                MobileNumber
            </th>

            <th>
                EmailAddress
            </th>

            <th>
                Identification Number
            </th>

        </tr>

        @foreach (var item in Model)
        {

            if(Model.Count == 0)
            {
                 $('#myConfirmationModal').modal('show');

                //alert("no results find");
            }
            <tr>

                <td>

                    <a class="anchorDetail" href="javascript:;" data-id=@item.ClientId>@item.FirstName</a>
                </td>

                <td>
                    @Html.DisplayFor(modelItem => item.LastName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.MobileNumber)
                </td>

                <td>
                    @Html.DisplayFor(modelItem => item.EmailAddress)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.IdentificationNumber)
                </td>



            </tr>
        }

    </table>

1 Ответ

0 голосов
/ 16 января 2020

Вам необходимо выполнить $(#....).modal('show') после загрузки страницы, если count равно 0. Выполните код внутри $(function(){...}). JQuery обязательно выполнит функцию внутри $(...) после загрузки документа, т.е. так же, как $(document).ready(function(){...})

Попробуйте ниже. 

if(Model.Count == 0) {
     <script>
        $(function() {
            {
                 $('#myConfirmationModal').modal('show');

                //alert("no results find");
            }
        });
     </script>
} else {
     @foreach (var item in Model) {
     ...
     ...
}
...