7分页显示数据页.docVIP

分页显示数据、批量删除目录 TOC \o 1-3 \h \u  HYPERLINK \l _Toc30091 1． 预备知识  PAGEREF _Toc30091 1  HYPERLINK \l _Toc31669 （1) bootstrap table插件  PAGEREF _Toc31669 1  HYPERLINK \l _Toc20922 （2) bootstrap table使用方法  PAGEREF _Toc20922 1  HYPERLINK \l _Toc21777 2． 建立显示详细信息的三个相关文件  PAGEREF _Toc21777 2  HYPERLINK \l _Toc15878 3． 编写list1.html  PAGEREF _Toc15878 2  HYPERLINK \l _Toc24743 （1) 引入js和css  PAGEREF _Toc24743 3  HYPERLINK \l _Toc31989 （2) 引入导航  PAGEREF _Toc31989 3  HYPERLINK \l _Toc1384 （3) 显示数据的table及删除按钮  PAGEREF _Toc1384 3  HYPERLINK \l _Toc22061 4． 编写list1.js  PAGEREF _Toc22061 4  HYPERLINK \l _Toc24303 5． 编写分页显示及批量删除功能的后台代码  PAGEREF _Toc24303 6  HYPERLINK \l _Toc26408 （1) IDAL项目的IAdmin.Cs里增加GetList和DeleteList方法的定义  PAGEREF _Toc26408 6  HYPERLINK \l _Toc27639 （2) SqlserverDAL项目的admin.Cs里增加GetList和DeleteList方法的实现  PAGEREF _Toc27639 6  HYPERLINK \l _Toc13898 （3) BLL项目的admin.Cs里增加GetList和DeleteList方法  PAGEREF _Toc13898 6  HYPERLINK \l _Toc31104 （4) 编辑WEB项目里的list1.Ashx  PAGEREF _Toc31104 7  预备知识 bootstrap table插件 bootstrap table是简洁扁平的表格，支持分页。bootstrap-table-develop.zip是本插件的资源包。使用时也需要用到bootstrap的资源文件，即js和css。 bootstrap table使用方法 1）在html页面的head标签中引入Bootstrap库（假如你的项目还没使用）和bootstrap-table.css。 link?rel=stylesheet?href=bootstrap.min.css ????????link?rel=stylesheet?href=bootstrap-table.css 2）在head标签或者在body标签闭合前（比较推荐）引入jQuery库和Bootstrap库（假如你的项目还没使用）和bootstrap-table.js。 script?src=jquery.min.js/script ????????script?src=bootstrap.min.js/script ????????script?src=bootstrap-table.js/script 若需要支持中文需要加入 script src=bootstrap-table-zh-CN.min.js type=text/javascript/script 3）指定数据源，这里有两种方式 ?A）通过data属性标签 ?在一个普通的表格中设置data-toggle=table可以在不写JavaScript的情况下启用Bootstrap Table。 table?data-toggle=table?data-url=data.json ????????????thead ????????????????...???? ????????????/thead ????????/table B）通过JavaScript设置数据源 通过JavaScript来启用带有id属性的Table。 table id=table /table $(#table).bootstrapTable({ ??????????u