bootstrap列表js
来源:互联网 发布:实时直播软件下载 编辑:程序博客网 时间:2024/06/04 20:51
$(function() { load();});function load() { $('#exampleTable') .bootstrapTable( { method : 'get', // 服务器数据的请求方式 get or post url : prefix + "/list", // 服务器数据的加载地址 showRefresh : true, showToggle : true, showColumns : true, iconSize : 'outline', toolbar : '#exampleToolbar', striped : true, // 设置为true会有隔行变色效果 dataType : "json", // 服务器返回的数据类型 pagination : true, // 设置为true会在底部显示分页条 // queryParamsType : "limit", // //设置为limit则会发送符合RESTFull格式的参数 singleSelect : false, // 设置为true将禁止多选 // contentType : "application/x-www-form-urlencoded", // //发送到服务器的数据编码类型 pageSize : 10, // 如果设置了分页,每页数据条数 pageNumber : 1, // 如果设置了分布,首页页码 search : true, // 是否显示搜索框 showColumns : true, // 是否显示内容下拉框(选择显示的列) sidePagination : "client", // 设置在哪里进行分页,可选值为"client" 或者 // "server" // queryParams : queryParams, // //请求服务器数据时,你可以通过重写参数的方式添加一些额外的参数,例如 toolbar 中的参数 如果 // queryParamsType = 'limit' ,返回参数必须包含 // limit, offset, search, sort, order 否则, 需要包含: // pageSize, pageNumber, searchText, sortName, // sortOrder. // 返回false将会终止请求 columns : [ { checkbox : true }, { field : 'tableName', // 列字段名 title : '表名称' // 列标题 }, { field : 'engine', title : 'engine' }, { field : 'tableComment', title : '表描述' }, { field : 'createTime', title : '创建时间' }, { title : '操作', field : 'id', align : 'center', formatter : function(value, row, index) { var e = '<a class="btn btn-primary btn-sm" href="#" mce_href="#" title="生成代码" onclick="code(\'' + row.tableName + '\')"><i class="fa fa-code"></i></a> '; return e; } } ] });}
显示效果:
阅读全文
0 0
- bootstrap列表js
- bootstrap列表
- Bootstrap 列表
- Bootstrap<列表>
- Bootstrap-列表
- bootstrap列表
- Bootstrap列表
- Bootstrap 列表
- 利用js和css实现Bootstrap下拉列表数据过滤
- BootStrap列表组
- Bootstrap学习:列表组
- bootstrap列表组listgroup
- Bootstrap 进度条 列表组
- Bootstrap列表组
- bootstrap学习之列表
- BootStrap 列表组件
- BootStrap--CSS布局--列表
- bootstrap-图文对象列表
- 生产者消费者问题
- 【LeetCode】632. Smallest Range
- 在ORACLE中给已有数据的表增加、修改、删除一个字段(或一个列)或者多个字段(或多个列)的问题
- int ,long , long long类型的范围
- oracle 游标变量ref cursor详解
- bootstrap列表js
- SourceTreeSetup-2.3.1.0.exe安装登录不了或一直卡在登录问题解决
- DataGridView
- C# WPF 文件操作
- Java实现多线程环境下的计数器功能
- laravel 5.2教程
- PYTHON3 SHA256
- 新手快速理解csdn文章编译器
- 分步骤安装lnmp完整版(带源码)