增加smartTable方法,移动固定的脚本到common.js文件中
This commit is contained in:
parent
717c3ca6eb
commit
1ea4677668
|
@ -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 () {
|
||||
|
|
|
@ -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 }
|
||||
|
|
Loading…
Reference in New Issue