Режим mjcpaging ajax обновляется в элементе управления Tab

jquery ajax model-view-controller paging

32 просмотра

1 ответ

994 Репутация автора

Режим mjcpaging ajax обновляется в элементе управления Tab.

Я добавил mvcpaging 1.0.0 dll для реализации кода ниже.

Мой код выглядит следующим образом:

@using MvcPaging;
@model  IPagedList<Monster.SocialJobs.ORM.Model.Ads.CampaignConfigurationModel>
@{
    ViewBag.Title = "DisplayCampaign";   
} 

@foreach (var group in Model)
                {
                        <tr>
                            <td>@group.CampaignName</td>
                            <td>@group.PositionAdsID</td>
                            <td class="center">
                                <a href="#" data-mapping-id="@group.CampaignConfigurationID" class="brn btn-danger btn-xs delete-mapping">Delete</a>
                            </td>
                        </tr>
                }            

@Html.Raw(Html.Pager(
        new Options
        {
            PageSize = Model.PageSize,
            TotalItemCount = Model.TotalItemCount,
            CurrentPage = Model.PageNumber,
            ItemTexts = new ItemTexts() { Next = "Next", Previous = "Previous" },
            ItemIcon = new ItemIcon() { First = "icon-backward", Previous = "icon-chevron-left", Next = "icon-chevron-right", Last = "icon-forward" },
            TooltipTitles = new TooltipTitles() { Next = "Next page {0}", Previous = "Previous page {0}", Page = "Go to page {0}" },
            Size = Size.normal,
            Alignment = Alignment.centered,
            IsShowControls = true,
            IsShowFirstLast = true,
            IsShowPages = true
        }, new {}))

Приведенный выше код работает за пределами вкладки, и на вкладке это выглядит как обновление страницы.

Автор: Kapil Источник Размещён: 18.07.2016 02:57

Ответы (1)


0 плюса

14158 Репутация автора

Помните, что когда вы нажимаете на элементы управления подкачкой в ​​представлении, это вызывает обратную передачу на сервер, и страница перезагружается. Когда страница перезагружается, элемент управления вкладкой будет отображать первую вкладку, если вы не измените ее с помощью jQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('#tabs').tab();
        //When the page loads it wil always set the active tab to the tab where the paged grid is at
        $('#tabs a[href="#tabTwo"]').tab('show')
    });
</script>
<div id="content">
    <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
        <li><a href="#tabOne" data-toggle="tab">Tab One</a></li>
        <li><a href="#tabTwo" data-toggle="tab">Tab Two</a></li>
    </ul>
    <div id="my-tab-content" class="tab-content">
        <div class="tab-pane active" id="tabOne">
            <h1>Tab one</h1>

        </div>
        <div class="tab-pane" id="tabTwo">
            <h1>Tab Two</h1>
            <h2>Your paged grid is here...</h2>
        </div>
    </div>
</div>
Автор: Denys Wessels Размещён: 18.07.2016 08:23
Вопросы из категории :
32x32