利用asp.net mvc和bootstrap快速搭建个人博客之后台datatable数据列表

利用asp.net mvc和bootstrap快速搭建个人博客之后台datatable数据列表

ID:13410637

大小:43.50 KB

页数:16页

时间:2018-07-22

利用asp.net mvc和bootstrap快速搭建个人博客之后台datatable数据列表_第1页
利用asp.net mvc和bootstrap快速搭建个人博客之后台datatable数据列表_第2页
利用asp.net mvc和bootstrap快速搭建个人博客之后台datatable数据列表_第3页
利用asp.net mvc和bootstrap快速搭建个人博客之后台datatable数据列表_第4页
利用asp.net mvc和bootstrap快速搭建个人博客之后台datatable数据列表_第5页
资源描述:

《利用asp.net mvc和bootstrap快速搭建个人博客之后台datatable数据列表》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、★精品文档★利用ASP.NETMVC和Bootstrap快速搭建个人博客之后台dataTable数据列表  jQuerydataTables插件是一个优秀的表格插件,是后台工程师的福音!它提供了针对数据表格的排序、浏览器分页、服务器分页、查询、格式化等功能。dataTables官网也提供了大量的演示和详细的文档进行说明,为了方便使用,这里进行详细说明。去官网:https://www.datatables.net/下载最新版本是v1.10.12。在页面引入:<linkrel=“stylesheet”hre

2、f=“~/Content_Admin/css/bootstrap.min.css”/<linkrel=“stylesheet”href=“~/Content_Admin/css/bootstrap-responsive.min.css”/<scripttype=“text/javascript”src=“~/Content_Admin/js/jquery.min.js”</script<scripttype=“text/javascript”src=“~/Content_Admin/j

3、s/bootstrap.min.js”</script<scripttype=“text/javascript”src=“~/Content_Admin/js/jquery.dataTables.min.js”2016全新精品资料-全新公文范文-全程指导写作–独家原创16/16★精品文档★</scriptHTML代码:写上<thead</thead标头即可<divclass=“widget-contentnopadding”<tableid=“archives-tab

4、le”class=“tabletable-bordereddata-tablemydatatable”<thead<tr<th编号</th<th标题</th<th所属类别</th<th浏览量</th<th评论量</th<th点赞量</th<th状态</th<th操作</th<th操作</th<th操作</th</tr</thead<tbody</tbody

5、</table2016全新精品资料-全新公文范文-全程指导写作–独家原创16/16★精品文档★</div客户端jQuery:$(‘#archives-table’).dataTable({“oLanguage”:{//国际化“sProcessing”:“<imgsrc=‘/Content_Admin/img/spinner.gif’努力加载数据中...”,“sLengthMenu”:“每页显示_MENU_ 条结果”,“sZeroRecords”:“没有匹配结果”,“sInfo”:“

6、总共_PAGES_页,显示第_START_到第_END_,筛选之后得到_TOTAL_条,初始_MAX_条“,“infoEmpty”:“0条记录”,//筛选为空时左下角的显示”“sInfoEmpty”:“没有数据”,“sInfoFiltered”:“(从_MAX_条数据中检索)”,//筛选之后的左下角筛选提示,“sZeroRecords”:“没有检索到数据”,//”sSearch”:‘<spanclass=“labellabel-success”搜索</span’},//”bServerSide”:

7、false,2016全新精品资料-全新公文范文-全程指导写作–独家原创16/16★精品文档★//第一种场景:服务端一次性取出所有数据,完全由客户端来处理这些数据.此时为false“bServerSide”:true,//第二种场景:服务端处理分页后数据,客户端呈现,此时为true.但此时aoColumns要变,将’sName’换成mDataProp,同时自定义列也要有对应的数据“sServerMethod”:“GET”,“sAjaxSource”:“/Admin/AdminArchives/GetArchiv

8、esJson”,//ajaxUrl地址“bProcessing”:true,“bPaginate”:true,“sPaginationType”:“full_numbers”,“bJQueryUI”:true,//客户端传给服务器的参数为sSearch‘bFilter’:false,//’bsearch’:true,‘bLengthChange’:true,‘aLengthMenu’:[[5,15,

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。