积分系统(2)-详细公告页面之JS层

来源：互联网发布：淘宝客服常用语大全编辑：程序博客网时间：2024/05/16 01:15
这篇博客是一篇代码存档；
因为是第一次用到 Bootstrap技术，算是有点小兴奋，留下来，下次用的时候可以站在这一篇的基础上！
///************************************************* //*说明：详细公告页面的整体框架以及样式-长宽高可以来这里修改//*作者：王川//*版本号： V2.0.0//*创建时间：2017年4月18日 10:30:00//**********************************************///必须要有的声明，说明了一共有几个 Table标签$(function () {    InitTable1();    InitTable2();    InitTable3();});//初始化Table function InitTable1() {    var oTableInit = new Object();    //初始化Table     $('#table1').bootstrapTable({        url: '/AnnounceBoard/QueryTableInfo1',   //请求后台的URL（*）         method: 'get',        //请求方式（*）         //toolbar: '#toolbar',  //工具按钮用哪个容器         striped: true,        //是否显示行间隔色         //cache: false,         //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）         pagination: true,     //是否显示分页（*）         //sortable: true,       //是否启用排序         //sortOrder: "asc",     //排序方式         //queryParams: oTableInit.queryParams,  //传递参数（*）         sidePagination: "client",     //分页方式：client客户端分页，server服务端分页（*）         pageNumber: 1,                //初始化加载第一页，默认第一页         pageSize: 10,                 //每页的记录行数（*）         pageList: [10, 25, 50, 100],  //可供选择的每页的行数（*）         //search: false,                //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大         //strictSearch: true,        //showColumns: true,      //是否显示所有的列         //showRefresh: true,     //是否显示刷新按钮         //minimumCountColumns: 1, //最少允许的列数         //clickToSelect: true,    //是否启用点击选中行         height: 300,            //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度         //uniqueId: "id",         //每一行的唯一标识，一般为主键列         //showToggle: true,       //是否显示详细视图和列表视图的切换按钮         //cardView: true,         //是否显示详细视图         //detailView: false,      //是否显示父子表         columns: [{            checkbox: true        }, {            field: 'announceName',            title: '提交人'        }, {            field: 'announceStates',            title: '公告内容'        }, {            field: 'date',            title: '提交时间'        },        ]    });}//初始化Table function InitTable2() {    var oTableInit = new Object();    //初始化Table     $('#table2').bootstrapTable({        url: '/AnnounceBoard/QueryTableInfo2',   //请求后台的URL（*）         method: 'get',        //请求方式（*）         //toolbar: '#toolbar',  //工具按钮用哪个容器         striped: true,        //是否显示行间隔色         //cache: false,         //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）         pagination: true,     //是否显示分页（*）         //sortable: true,       //是否启用排序         //sortOrder: "asc",     //排序方式         //queryParams: oTableInit.queryParams,  //传递参数（*）         sidePagination: "client",     //分页方式：client客户端分页，server服务端分页（*）         pageNumber: 1,                //初始化加载第一页，默认第一页         pageSize: 10,                 //每页的记录行数（*）         pageList: [10, 25, 50, 100],  //可供选择的每页的行数（*）         //search: false,                //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大         //strictSearch: true,        //showColumns: true,      //是否显示所有的列         //showRefresh: true,     //是否显示刷新按钮         //minimumCountColumns: 1, //最少允许的列数         //clickToSelect: true,    //是否启用点击选中行         height: 300,            //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度         //uniqueId: "id",         //每一行的唯一标识，一般为主键列         //showToggle: true,       //是否显示详细视图和列表视图的切换按钮         //cardView: true,         //是否显示详细视图         //detailView: false,      //是否显示父子表         columns: [{            checkbox: true        }, {            field: 'announceName',            title: '提交人'        }, {            field: 'announceStates',            title: '公告内容'        }, {            field: 'date',            title: '提交时间'        },        ]    });}//初始化Table function InitTable3() {    var oTableInit = new Object();    //初始化Table     $('#table3').bootstrapTable({        url: '/AnnounceBoard/QueryTableInfo3',   //请求后台的URL（*）         method: 'get',        //请求方式（*）         //toolbar: '#toolbar',  //工具按钮用哪个容器         striped: true,        //是否显示行间隔色         //cache: false,         //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）         pagination: true,     //是否显示分页（*）         //sortable: true,       //是否启用排序         //sortOrder: "asc",     //排序方式         //queryParams: oTableInit.queryParams,  //传递参数（*）         sidePagination: "client",     //分页方式：client客户端分页，server服务端分页（*）         pageNumber: 1,                //初始化加载第一页，默认第一页         pageSize: 10,                 //每页的记录行数（*）         pageList: [10, 25, 50, 100],  //可供选择的每页的行数（*）         //search: false,                //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大         //strictSearch: true,        //showColumns: true,      //是否显示所有的列         //showRefresh: true,     //是否显示刷新按钮         //minimumCountColumns: 1, //最少允许的列数         //clickToSelect: true,    //是否启用点击选中行         height: 300,            //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度         //uniqueId: "id",         //每一行的唯一标识，一般为主键列         //showToggle: true,       //是否显示详细视图和列表视图的切换按钮         //cardView: true,         //是否显示详细视图         //detailView: false,      //是否显示父子表         columns: [{            checkbox: true        }, {            field: 'announceName',            title: '提交人'        }, {            field: 'announceStates',            title: '公告内容'        }, {            field: 'date',            title: '提交时间'        },        ]    });}
0 0