bootstrapTable
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了bootstrapTable,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2468字,纯文字阅读大概需要4分钟。
内容图文
<div class="box-body table-responsive no-padding" style="overflow-x:hidden">
<table class="table table-bordered table-hover table-text" id="menutable">
</table>
</div><!-- /.box-body -->
$(function() {
$("#menutable").bootstrapTable({
url: ‘${ctx }/system/menu/findMainMenu‘,
method: ‘get‘,
detailView: true,//父子表
pagination:true, //显示分页
//search: true,
//sidePagination: "server",
pageSize: 10,
pageList: [10, 25],
columns: [{
field: ‘menuname‘,
title: ‘菜单名称‘
}, {
field: ‘url‘,
title: ‘菜单URL‘
}, {
field: ‘parentremenuname‘,
title: ‘父级菜单‘
}, {
field: ‘menutype‘,
title: ‘菜单类型‘,
formatter:function(value,row,index){
var e = ‘顶部菜单‘;
return e;}
}, {
field: ‘memo‘,
title: ‘说明‘
}, {
field: ‘id‘,
title: ‘操作‘,
formatter:function(value,row,index){
var e = ‘<a href="#" mce_href="#" onclick="updatemenu(\‘‘+ row.id + ‘\‘)" title="编辑"><i class="fa fa-pencil text-primary"></i></a> ‘;
var d = ‘<a href="#" mce_href="#" onclick="deletemenu(\‘‘+ row.id +‘\‘)" title="删除"><i class="fa fa-trash text-primary"></i></a> ‘;
return e+d;}
}, ],
//注册加载子表的事件。注意下这里的三个参数!
onExpandRow: function (index, row, $detail) {
childern(index, row, $detail);
}
});
});
//初始化子表格(无线循环)
function childern(index, row, $detail) {
var parentid = row.id;
var cur_table = $detail.html(‘<table></table>‘).find(‘table‘);
$(cur_table).bootstrapTable({
url: ‘${ctx }/system/menu/findChildrenMenu‘,
method: ‘get‘,
queryParams: { strParentID: parentid },
ajaxOptions: { strParentID: parentid },
detailView: true,//父子表
//search: true,
uniqueId: "id",
pageSize: 10,
pageList: [10, 25],
columns: [{
field: ‘menuname‘,
title: ‘菜单名称‘
}, {
field: ‘url‘,
title: ‘菜单URL‘
}, {
field: ‘parentremenuname‘,
title: ‘父级菜单‘
}, {
field: ‘menutype‘,
title: ‘菜单级别‘,
formatter:function(value,row,index){
var e = ‘左部菜单‘;
return e;}
}, {
field: ‘memo‘,
title: ‘说明‘
}, {
field: ‘id‘,
title: ‘操作‘,
formatter:function(value,row,index){
var e = ‘<a href="#" mce_href="#" onclick="updatemenu(\‘‘+ row.id + ‘\‘)" title="编辑"><i class="fa fa-pencil text-primary"></i></a> ‘;
var d = ‘<a href="#" mce_href="#" onclick="deletemenu(\‘‘+ row.id +‘\‘)" title="删除"><i class="fa fa-trash text-primary"></i></a> ‘;
return e+d;}
}, ],
//无线循环取子表,直到子表里面没有记录
onExpandRow: function (index, row, $Subdetail) {
childern(index, row, $Subdetail);
}
});
};
原文:http://www.cnblogs.com/1234cjq/p/6917386.html
内容总结
以上是互联网集市为您收集整理的bootstrapTable全部内容,希望文章能够帮你解决bootstrapTable所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。