利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表

时间:2021-05-25

jQuery dataTables 插件是一个优秀的表格插件,是后台工程师的福音!它提供了针对数据表格的排序、浏览器分页、服务器分页、查询、格式化等功能。dataTables 官网也提供了大量的演示和详细的文档进行说明,为了方便使用,这里进行详细说明。

去官网:https://mentService.GetDataListBy(c => c.CmtArtId == a.Id).Count,Digg = a.Digg,Status = a.Status}).ToList();//3.0 构造datatable所需要的数据json对象...aaData里面应是一个二维数组:即里面是一个数组[["","",""],[],[],[]]return Json(new{sEcho = echo,iTotalRecords = DataSource.Count(),iTotalDisplayRecords = DataSource.Count(),aaData = data}, JsonRequestBehavior.AllowGet);}#endregion}public JsonResult GetArchivesJson(jqDataTableParameter tableParam)

其中dataTables发送的参数被分装在jqDataTableParameter.cs中:

/// <summary>/// 在服务器端,可以通过以下请求参数来获得当前客户端的操作信息/// jquery $('selector').datatable()插件 参数model/// </summary>public class jqDataTableParameter{/// <summary>/// 1.0 DataTable用来生成的信息/// </summary> public string sEcho { get; set; }/// <summary>/// 2.0分页起始索引/// </summary>public int iDisplayStart { get; set; }/// <summary>/// 3.0每页显示的数量/// </summary>public int iDisplayLength { get; set; }/// <summary>/// 4.0搜索字段/// </summary>public string sSearch { get; set; }/// <summary>/// 5.0列数/// </summary>public int iColumns { get; set; }/// <summary>/// 6.0排序列的数量/// </summary>public int iSortingCols { get; set; }/// <summary>/// 7.0逗号分割所有的列/// </summary>public string sColumns { get; set; }}public class jqDataTableParameter

后台效果展示:

以上就是对datatable插件的使用说明。

以上所述是小编给大家介绍的利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章