Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / pagedList.mvc VS Modal Window / 7 сообщений из 7, страница 1 из 1
10.02.2017, 14:54
    #39402324
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
pagedList.mvc VS Modal Window
Добрый день, коллеги!

Нужна ваша помощь.
Извлекаю большую таблицу в модальное окно.
Разбиваю таблицу с помощью PagedList.mvc.
Но при нажатии на переход в другую страницу, модальное окно закрывается и выходит ошибка, что вполне очевидно.
Как решить эту проблему?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
            <table class="table table-striped table-hover">
                <tbody>
                    @foreach (var c in Model)
                    {
                        <tr>
                            <td id="my-modal-table-row">
                                <button type="button" class="btn btn-primary btn-lg btn-block" onclick="setSkvag('@Html.DisplayFor(modelItem => c.Name)')">
                                    @Html.DisplayFor(modelItem => c.Name)
                                </button>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
            <br/>
            Страница @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) из @Model.PageCount

            @Html.PagedListPager(Model, page => Url.Action("SkvagList", new { page }))



Код: c#
1.
2.
3.
4.
5.
6.
7.
8.
9.
        public ActionResult SkvaglList(int? page)
        {
            int pageSize = 6;
            int pageNumber = (page ?? 1);
            List<Skvag> skvags = new List<Skvag>();
            SkvagFind skvagFind = new SkvagFind();
            skvags = skvagFind.getData();
            return PartialView(skvags.ToPagedList(pageNumber, pageSize));
        }
...
Рейтинг: 0 / 0
10.02.2017, 15:39
    #39402358
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
pagedList.mvc VS Modal Window
vadipok,

Решить проблему очень просто. Надо ловить событие клика по кнопкам пейджинга, прерывать стандартную обработку (открытие страницы в браузере) и загружать контент по ссылке через AJAX внутрь модального окна.
...
Рейтинг: 0 / 0
10.02.2017, 17:11
    #39402402
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
pagedList.mvc VS Modal Window
hVosttvadipok,

Решить проблему очень просто. Надо ловить событие клика по кнопкам пейджинга, прерывать стандартную обработку (открытие страницы в браузере) и загружать контент по ссылке через AJAX внутрь модального окна.

Решил отказаться от такого решения в пользу просто Ajax с поиском по содержимому, ввиду слишком большого количества данных, порядка 1300.
Pagination будет очень не информативным.
...
Рейтинг: 0 / 0
12.02.2017, 19:25
    #39403033
Парамон
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
pagedList.mvc VS Modal Window
hVosttvadipok,

Решить проблему очень просто. Надо ловить событие клика по кнопкам пейджинга, прерывать стандартную обработку (открытие страницы в браузере) и загружать контент по ссылке через AJAX внутрь модального окна.
не надо ничего ловить.
Код: c#
1.
2.
3.
4.
@Html.PagedListPager(Model, 
    page => Url.Action(actionName, new { page }),
    PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions() { UpdateTargetId = "mydiv" })
    )
...
Рейтинг: 0 / 0
12.02.2017, 21:01
    #39403069
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
pagedList.mvc VS Modal Window
Парамонне надо ничего ловить.

ну... можно и так
...
Рейтинг: 0 / 0
13.02.2017, 08:47
    #39403203
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
pagedList.mvc VS Modal Window
Доброе утро, коллеги!

Немного из другой области, но похожие вопросы.
Чтобы не плодить лишние топики, скину сюда.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
        <div class="modal-body">
            @using (Ajax.BeginForm("SkvagSearch", "LTModel", null, new AjaxOptions { UpdateTargetId = "resultSearch" }, new { id = "searchForm" }))
            {
                <input type="text" name="name" id="inputSearch"/>
            }
            <div id="resultSearch"></div>
            <script type="text/javascript">
                $(function () {
                    $("#inputSearch").keyup(function (e) {
                        e.preventDefault();
                        var value = $('#inputSearch').val();
                        value = encodeURIComponent(value);
                        //alert(value);
                        $('#inputSearch').submit();
                        //$('#resultSearch').load("http://localhost:64838/LTModel/SkvagSearch?name=" + value);
                    });
                })
            </script>
        </div>



Хочу убрать кнопку со страницы модального окна, чтобы пользователь ввел в инпут значение и поиск сразу выполнялся.
Получилось добиться только таким методом.
Но что-то подсказывает, что я дебильно это сделал. ))) (мягко говоря)
Как бы вы сделали?
...
Рейтинг: 0 / 0
13.02.2017, 08:50
    #39403205
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
pagedList.mvc VS Modal Window
Хотя почему дебильное, в принципе пашет, и быстро главное.
Сопровождать такой код только будет сложнее, в основной массе так НЕ делают.
...
Рейтинг: 0 / 0
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / pagedList.mvc VS Modal Window / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]