0

我正在尝试在我的代码中实现这个引导表，但我遇到了最糟糕的情况。我得到结果，直到我添加行 sidePagination: 'server'。然后我什么也得不到。编码

@using (Html.BeginForm())
{
    <table id="itemsTable"></table>
}

@section scripts
{
    <script>
        $(document).ready(function () {
        $("#itemsTable").bootstrapTable({
            url: '/Tests/Data',
            method: 'get',
            queryParamsType: 'Else',
            pageination: 'true',
            pageSize: 10,
            sidePagination: 'server',
            pageList: '[10, 25, 50, 100, 200]',
            columns: [
                {
                    field: 'CampaignName',
                    title: 'CampaignName',
                    sortable: true
                }
            ]
        });
    });
</script>
}

服务器端代码

// GET: Tests
    public ActionResult Index()
    {
        return View();
    }

    public JsonResult Data(int? pageSize, int? pageNumber, string sortOrder)
    {
        var list = _campaignRepository.GetAll().Select(x => new
        {
            x.CampaignName
        }).ToList();

        JsonResult results = Json(list, JsonRequestBehavior.AllowGet);

        return results;
    }

我花了 2 天时间在这张桌子上玩。请任何有经验的人，任何方式的帮助或指导，将不胜感激。

4

1 回答 1

1

[下面更新了答案]

每当在选项中指定服务器端分页时，我都会遇到类似的问题（允许 JSFiddle 参考的强制性代码参考）：

sidePagination: 'server'

具体示例请参见https://jsfiddle.net/m8e2kk6d/ ，我提出的问题请参见https://github.com/wenzhixin/bootstrap-table/issues/1281 。

干杯，丹尼尔

--

15 年 8 月 13 日更新：

问题是服务器端分页需要不同的服务器响应格式：

{
    total: 100,
    rows: []
}
于 2015-08-12T15:05:04.710 回答