增加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);
|
})(jQuery);
|
||||||
|
|
||||||
$(function () {
|
$(function () {
|
||||||
|
|
|
@ -28,34 +28,10 @@
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
$('table').bootstrapTable({
|
$('table').smartTable({
|
||||||
url: '../api/Users', //请求后台的URL(*)
|
url: '../api/Users', //请求后台的URL(*)
|
||||||
method: 'get', //请求方式(*)
|
|
||||||
toolbar: '#toolbar', //工具按钮用哪个容器
|
|
||||||
striped: true, //是否显示行间隔色
|
|
||||||
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
|
|
||||||
pagination: true, //是否显示分页(*)
|
|
||||||
sortable: true, //是否启用排序
|
|
||||||
sortName: 'UserName',
|
sortName: 'UserName',
|
||||||
sortOrder: "asc", //排序方式
|
|
||||||
queryParams: function (params) { return $.extend(params, { name: $("#txt_search_name").val() }); }, //传递参数(*)
|
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 },
|
columns: [{ checkbox: true },
|
||||||
{ title: "Id", field: "ID", events: idEvents, formatter: BootstrapAdmin.idFormatter },
|
{ title: "Id", field: "ID", events: idEvents, formatter: BootstrapAdmin.idFormatter },
|
||||||
{ title: "用户名称", field: "UserName", sortable: true }
|
{ title: "用户名称", field: "UserName", sortable: true }
|
||||||
|
|
Loading…
Reference in New Issue