资源描述:
《利用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,