From 1ea46776684df93c9ccf31c930e291082e43820a Mon Sep 17 00:00:00 2001 From: Argo-Lenovo Date: Mon, 24 Oct 2016 10:11:38 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0smartTable=E6=96=B9=E6=B3=95?= =?UTF-8?q?=EF=BC=8C=E7=A7=BB=E5=8A=A8=E5=9B=BA=E5=AE=9A=E7=9A=84=E8=84=9A?= =?UTF-8?q?=E6=9C=AC=E5=88=B0common.js=E6=96=87=E4=BB=B6=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Bootstrap.Admin/Content/js/Longbow.Common.js | 32 ++++++++++++++++++++ Bootstrap.Admin/Scripts/Users.js | 26 +--------------- 2 files changed, 33 insertions(+), 25 deletions(-) diff --git a/Bootstrap.Admin/Content/js/Longbow.Common.js b/Bootstrap.Admin/Content/js/Longbow.Common.js index 992ae98d..39ea7890 100644 --- a/Bootstrap.Admin/Content/js/Longbow.Common.js +++ b/Bootstrap.Admin/Content/js/Longbow.Common.js @@ -118,6 +118,38 @@ }); } }); + + $.fn.extend({ + smartTable: function (options) { + var settings = $.extend({ + method: 'get', //请求方式（*） + toolbar: '#toolbar', //工具按钮用哪个容器 + striped: true, //是否显示行间隔色 + cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*） + pagination: true, //是否显示分页（*） + sortable: true, //是否启用排序 + sortOrder: "asc", //排序方式 + sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*） + pageNumber: 1, //初始化加载第一页，默认第一页 + pageSize: 10, //每页的记录行数（*） + pageList: [10, 25, 50, 100], //可供选择的每页的行数（*） + search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大 + strictSearch: false, + showColumns: true, //是否显示所有的列 + showRefresh: true, //是否显示刷新按钮 + minimumCountColumns: 2, //最少允许的列数 + clickToSelect: false, //是否启用点击选中行 + //height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度 + idField: "Id", + uniqueId: "Id", //每一行的唯一标识，一般为主键列 + showToggle: true, //是否显示详细视图和列表视图的切换按钮 + cardView: false, //是否显示详细视图 + detailView: false, //是否显示父子表 + clickToSelect: false, + }, options); + $(this).bootstrapTable(settings); + } + }); })(jQuery); $(function () { diff --git a/Bootstrap.Admin/Scripts/Users.js b/Bootstrap.Admin/Scripts/Users.js index efd9accd..a64f6037 100644 --- a/Bootstrap.Admin/Scripts/Users.js +++ b/Bootstrap.Admin/Scripts/Users.js @@ -28,34 +28,10 @@ } }; - $('table').bootstrapTable({ + $('table').smartTable({ url: '../api/Users', //请求后台的URL（*） - method: 'get', //请求方式（*） - toolbar: '#toolbar', //工具按钮用哪个容器 - striped: true, //是否显示行间隔色 - cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*） - pagination: true, //是否显示分页（*） - sortable: true, //是否启用排序 sortName: 'UserName', - sortOrder: "asc", //排序方式 queryParams: function (params) { return $.extend(params, { name: $("#txt_search_name").val() }); }, //传递参数（*） - sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*） - pageNumber: 1, //初始化加载第一页，默认第一页 - pageSize: 10, //每页的记录行数（*） - pageList: [10, 25, 50, 100], //可供选择的每页的行数（*） - search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大 - strictSearch: false, - showColumns: true, //是否显示所有的列 - showRefresh: true, //是否显示刷新按钮 - minimumCountColumns: 2, //最少允许的列数 - clickToSelect: false, //是否启用点击选中行 - //height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度 - idField: "Id", - uniqueId: "Id", //每一行的唯一标识，一般为主键列 - showToggle: true, //是否显示详细视图和列表视图的切换按钮 - cardView: false, //是否显示详细视图 - detailView: false, //是否显示父子表 - clickToSelect: false, columns: [{ checkbox: true }, { title: "Id", field: "ID", events: idEvents, formatter: BootstrapAdmin.idFormatter }, { title: "用户名称", field: "UserName", sortable: true }