宝哥软件园

Asp.net MVC中利用jquery数据表实现数据分页显示功能

编辑:宝哥软件园 来源:互联网 时间:2021-09-04

1、控制器中的方法代码如下:

由于方法中的存储过程没有带分页参数,所以还可以有继续优化的空间。

///摘要///获取测点列表////summary///returns/returns[httpset]public JsonResult GetMeasurePointList(string TreeID,string TreeType,int sEcho,int iDisplayStart,int idisparselngth){ DataTable dtResult=new DataTable();字符串sql=字符串。格式(' EXEC P_GET_ZXJG_TagList '{0} ',' {1} ',TreeID,TreeType);dtResult=QuerySQL .GetDataTable(SQL);dtResult .列。添加('徐浩,类型为(字符串));dtResult .列。添加(' StrValueTime ',类型为(字符串));for(int I=0;i dtResult .行。计数;i ) { dtResult .行[i]['徐浩]=(^ 1号州际公路).ToString();dtResult .行[i]['StrValueTime']=转换今天时间(dtResult .行[i]['F_ValueTime']).ToString(' yyyy-MM-DD hh :MM :s ');} int iTotalRecords=0;int iTotalDisplayRecords=0;列表数据行查询列表=dtResult .AsEnumerable().to list();伊藤记录=查询列表.count();查询列表=查询列表.跳过(显示开始)。取(一显示长度)。to list();iTotalDisplayRecords=queryList .count();在查询列表中选择新的{徐浩=p.Fieldstring('徐浩')。ToString(),F _ Description=p .字段字符串(' F _ Description ').ToString(),StrValueTime=p . field字符串(' StrValueTime ').ToString(),F _ Value=p .字段小数(' F _ Value ').ToString(),F_Unit=p.Fieldstring('F_Unit ').ToString(),F _ AlmLow=p . field十进制(' F _ AlmLow ').ToString(),F _ AlmUp=p . field十进制(' F _ AlMop ').ToString()};返回Json(new { draw=sEcho,recordsFiltered=iTotalRecords,records total=iTotalDisplayRecords,data=temp .ToList() },JsonRequestBehavior .允许get);}2、cshtml视图页面中代码如下:

函数InitData(){ var dataTable=$(' # tbMeasurePointList ').DataTable({ ' scrollY ' : '隐藏',' scrollCollapse': false ',' dom': 'tr'bottom'lip'clear ',' language: { lengthMenu: ',//左上角的分页大小显示搜索: ' span class=' label label-success '搜索:/span ',//右上角的搜索文本,可以写超文本标记语言标签'加载组件3360 '数据加载中.paginate: { //分页的样式内容' previous: '上一页,next: '下一页,first: ' ',last: '' },zeroRecords: '暂无数据,//表tbody内容为空时,tbody的内容。 //下面三者构成了总体的左下角的内容信息info: ' span class=' pagesStyle '总共span class=' records style ' _ TOTAL _条,计_PAGES_ /span页,当前显示_START_ - _END_条记录/span ',//左下角的信息显示,大写的词为关键字。初始_MAX_条信息空白: '0条记录',//筛选为空时左下角的显示infoFiltered: ''//筛选之后的左下角筛选提示、}、“Length Change”: false、“ording”: false、“IDisplayLength”: 10、“search”: false、destroy: true,//无法重新初始化数据表,解决重新加载表格内容问题服务器端' : true,' sAjaxSource': '@Url .操作(' GetMeasurePointList ',' OnlineMonitor '),' fnServerData':函数(sSource,aoData,fnCallback){ aoData。push({ ' name ' : ' TreeID ',' value': $('#hidTreeID ').val()});奥达塔。push({ ' name ' : ' TreeType ',' value': $('#hidTreeType ').val()});$.ajax({ 'dataType': 'json ',' type': 'POST ',' url ' : sSource,' data': aoData,' success ' : fnCallback });}、“AoColumns”:[{“mdata prop”:]徐浩“、“宽度”:“50”}、{“mdata道具”:“F _ Description”、“宽度”:“400”}、{“mdata道具”:“StrValueTime”、“宽度”:“200”}、{“mdata道具”:“F _ Value”、“宽度”:“100”儿童(' td ').等式(0).attr('style ',' text-align : center');$(行)。儿童(' td ').等式(1)。attr('style ',' text-align : left');$(行)。儿童(' td ').等式(2)。attr('style ',' text-align : center');$(行)。儿童(' td ').等式(3)。attr('style ',' text-align : right');$(行)。儿童(' td ').等式(4)。attr('style ',' text-align : center');$(行)。儿童(' td ').等式(5)。attr('style ',' text-align : right');$(行)。儿童(' td ').等式(6)。attr('style ',' text-align : right');} });}3、实际显示效果如下图所示:

以上所述是小编给大家介绍的Asp.net最有价值球员中利用jquery数据表实现数据分页显示,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

更多资讯
游戏推荐
更多+