Нажмите на ту же ссылку с номером страницы, чтобы экран не отображался должным образом.

Я разрабатываю приложение MVC 5 и использую MVC PagedList для пейджинга. Я загружаю выгружаемые данные в модальном режиме начальной загрузки. Ссылка с номером страницы работает правильно, но возникает проблема, когда я нажимаю на ту же ссылку с номером страницы, экран отображается неправильно. Эти 3 картинки описывают проблему:

(1) Начальный экран введите здесь описание изображения

(2) Нажмите кнопку «Поиск», и отобразится список клиентов введите здесь описание изображения

(3) После перехода по ссылке на страницу 1 экран отображается неправильно введите здесь описание изображения

Код для ссылки на страницу (модальный/частичный вид):

<script>
    $(function () {
        $('#pager').on('click', 'a', function () {
            $.ajax({
                url: this.href,
                type: 'GET',
                cache: false,
                success: function (result) {
                    $('#customerContainer').html(result);
                }
            });
            return false;
        });
    });
</script>

Почему это может произойти и как это решить?


person Willy    schedule 24.09.2014    source источник
comment
по url: this.href вы рендерите ту же страницу, на которой сейчас находитесь. Вы используете другой URL?   -  person Marian Ban    schedule 24.09.2014
comment
@MajoB спасибо за подсказку, когда я печатаю this.href, результат пуст, но если щелкнуть страницу 2, значение будет http://localhost:1306/CUSTTABLE/Lookup?page=2   -  person Willy    schedule 24.09.2014


Ответы (1)


Ваш вопрос помог мне, потому что у меня была такая же проблема. Все, что я сделал, было это. Вам не нужно отправлять пустой URL.

$ (function(){ ('#pager').on('click', function(){ var van = this.href; if(van != "" && van != null) { $.ajax({ url: this.href, type: 'GET', cache: false, success: function (result) { $('#customer-container').html(result); } }); return false; } }); });
person john    schedule 15.12.2016