引导表使用的详细介绍

引导表是一个很好用的表单插件,提供了很多工具和分页、查找等功能。

首先,我们需要以下文件。














中国的软件包似乎可以防止一些bug。

如果分别介绍这些文件并导致样式出错,请下载完整的引导表。

下面是引导表的加载



$(函数(){())

1。初始化表
值得关注的是新的tableinit(VAR);
init()值得关注;
});


无功tableinit =函数(){()
无功otableinit =新的对象();
初始化表
OTableInit。init =函数(){
$(# tb_departments)。BootstrapTable({
网址:$ { pageContext。请求。contextpath } / / alarminfo列表,网址 / /要求背景(*)
方法:' ', / /要求(*)
工具栏:工具栏的#,该容器或工具按钮
条纹:假,是否显示分色线
缓存:false,是否使用缓存,默认为true,所以一般需要设置此属性(*)
分页:真的,(*) / /显示页面
分类:假, / /是否启用排序
顺序:ASC / /排序
QueryParams:otableinit.queryparams / /传递参数(*)
sidepagination:服务器 / /分页方式:客户端客户端服务器端分页,服务器(*)
PageNumber:1 / /初始化第一页加载,默认1页
PageSize:10 /行/页(*)
PageList:{ 10, 25, 50,100 }每页的行 / /可选数量(*)
搜索:假,是否显示表搜索,搜索不是搜索到客户端,服务器,所以人们觉得没有什么意义。
strictsearch:真,
showcolumns: / /是否正确显示所有的列
showrefresh: / /虚假显示刷新按钮
minimumcountcolumns:2,允许的最小 / /列数
clicktoselect:真的,在选定行/单击启用
身高:500米/高,如果不设置高度属性,表格自动根据表格高度记录的数量。
UniqueID:身份 / /独特的每个行标识符,一般键列
ShowToggle:真 / /是否与视图和列表视图切换按钮显示
CardView:真的, / /显示详细视图
DetailView:假, / /是否显示父子表
列:{
复选框:真
{ }。
现场:'id',
标题:编号
{ }。
现场:'name',
标题:姓名
{ }。
现场:类型,
标题:类型
{ }。
领域:时间,
标题:时间
}

}
});
};















以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。