jQuery jTable 关闭分页导致问题

Question

我正在使用具有“滑入”效果的 jQuery jTable，因此每次单击选项卡时，它都会带来带有“滑入”过渡的数据。但是，我最近关闭了 jQuery jTable 中的“分页”功能，从那时起，“滑入”转换卡在中间，同时发出以下消息“无可用数据”，一旦转换完成，它只会带来数据。

非常奇怪..它在中间卡住了非常糟糕，并且在转换完成后它只会带来数据并且是一个主要问题。

有什么方法可以在 ajax 加载数据之前加载它？或者我可以使用任何其他过渡而不是故障“滑入”吗？

我从本地 Excel 文件中获取数据。非常感谢任何帮助:)

在过渡代码中滑动：

$(document).on('click', '.PlayStatisticClass', function (e) {

    var $marginLefty = $("div[class='" + this.id + " win-ui-dark slide']")

    if (!$marginLefty.hasClass('slide in')) {

        if (this.id === "PlayStatisticone" || this.id === "PlayStatistictwo" || this.id === "PlayStatisticthree" || this.id === "PlayStatisticfour" || this.id === "PlayStatisticfive"
            || this.id === "PlayStatisticsix" || this.id === "PlayStatisticseven" || this.id === "PlayStatisticeight" || this.id === "PlayStatisticnine") {
            $marginLefty.addClass('registrationFormSlideIn').css('width', "");

        }
        else {


        }

    }
    else {

        $marginLefty.removeClass('slide in').addClass('slide').css('width', 0);

    }
});

jTable 查看代码：我关闭分页的地方：

$(document).ready(function () {

    $('#TopPlayedTracksContainer1').jtable({
        title: 'Top Played Genres List',
        paging: false,
        pageSize: 1,
        sorting: true,
        defaultSorting: 'NoOfPlays DESC',
        actions: {
            listAction: '@Url.Action("BilingReportList")'

        },
        fields: {
           TrackID: {
                title: 'Track ID',
                tooltip: 'Track ID'
            },

            TrackName: {
                title: 'Track Name',
                tooltip: 'Track Name',
                key: true,
                create: false,
                edit: false,
                resize: false,
            },
            ArtistName: {
                title: 'Artist Name',
                tooltip: 'Artist Name'
            },
            Times: {
                title: 'Times',
                tooltip: 'Times'
            },
        }
    });

    $('#TopPlayedTracksContainer1').jtable('load');
});

控制器代码：从本地 excel 文件中获取数据：

public JsonResult BilingReportList(int jtStartIndex = 0, int jtPageSize = 0, string jtSorting = null)
    {
        try
        {
            if (Request.IsAuthenticated == true)
            {
                string Path = @"C:\\5Newwithdate.xls";
                OleDbConnection con = new OleDbConnection(@"Provider=Microsoft.Jet.OLEDB.4.0;Data Source= '" + Path + "';Extended Properties=" + (char)34 + "Excel 8.0;IMEX=1;" + (char)34 + "");
                OleDbDataAdapter da = new OleDbDataAdapter("select * from [Sheet1$]", con);
                System.Data.DataTable data = new System.Data.DataTable();
                da.Fill(data);
                con.Close();

                List<TopPlayed> daa = new List<TopPlayed>();
                foreach (DataRow p in data.Rows)
                {
                    TopPlayed top = new TopPlayed()

                    {
                        TrackID = Convert.ToInt32(p.Field<double>("ID")),
                        TrackName = p.Field<string>("Track Name"),
                        ArtistName = p.Field<string>("Artist Name"),
                        Times = Convert.ToInt32(p.Field<double>("NoOfPlays"))
                    };

                    daa.Add(top);
                }

              var newlist = daa.OrderByDescending(i => i.Times).ToList();

              return Json(new { Result = "OK", Records = newlist, TotalRecordCount = daa.Count });

            }
            return Json(new { Result = "ERROR" });
        }
        catch (Exception ex)
        {
            return Json(new { Result = "ERROR", Message = ex.Message });
        }
    }

Answer 1

你需要删除那些参数：

int jtStartIndex = 0，int jtPageSize = 0，字符串 jtSorting = null

public JsonResult BilingReportList()
{
    try
    {
        if (Request.IsAuthenticated == true)
        {
            string Path = @"C:\\5Newwithdate.xls";
            OleDbConnection con = new OleDbConnection(@"Provider=Microsoft.Jet.OLEDB.4.0;Data Source= '" + Path + "';Extended Properties=" + (char)34 + "Excel 8.0;IMEX=1;" + (char)34 + "");
            OleDbDataAdapter da = new OleDbDataAdapter("select * from [Sheet1$]", con);
            System.Data.DataTable data = new System.Data.DataTable();
            da.Fill(data);
            con.Close();

            List<TopPlayed> daa = new List<TopPlayed>();
            foreach (DataRow p in data.Rows)
            {
                TopPlayed top = new TopPlayed()

                {
                    TrackID = Convert.ToInt32(p.Field<double>("ID")),
                    TrackName = p.Field<string>("Track Name"),
                    ArtistName = p.Field<string>("Artist Name"),
                    Times = Convert.ToInt32(p.Field<double>("NoOfPlays"))
                };

                daa.Add(top);
            }

          var newlist = daa.OrderByDescending(i => i.Times).ToList();

          return Json(new { Result = "OK", Records = newlist, TotalRecordCount = daa.Count });

        }
        return Json(new { Result = "ERROR" });
    }
    catch (Exception ex)
    {
        return Json(new { Result = "ERROR", Message = ex.Message });
    }
}