bootstrap-table-treegrid

在这里插入图片描述

前台js脚本

$(function() {
$permissionList = $("#permmanage_copy");

var contextpath = $("#contextpath").val();
$(document).ready(function () {
$(’#permissionList-table’).treegridData ({
id: ‘id’,//变量
parentColumn: ‘pid’,//变量
url: contextpath +"/rest/permission/getpermissionlists",
method: ‘GET’,
contentType: “application/json”,//请求方式(
ajaxParams: {}, //请求数据的ajax的data属性
expandColumn: null,//在哪一列上面显示展开按钮
striped: true, //是否各行渐变色
sidePagenation:‘server’,
bordered: false, //是否显示边框
expandAll: false, //是否全部展开
columns:
[
{
field: ‘checkBox’,
checkbox: true
},
{
field: ‘id’,
title: ‘序号’,
align: ‘center’
},
{
field: ‘pid’,
title: ‘父菜单id’,
align: ‘center’
},
{
field: ‘name’,
title: ‘菜单名称’,
align: ‘center’
},
/
{
field: ‘istype’,
title: ‘权限分类’,
align: ‘center’
},*/
{
field: ‘descpt’,
title: ‘描述’,
align: ‘center’
},
{
field: ‘code’,
title: ‘菜单编号’,
align: ‘center’
},
{
field: ‘page’,
title: ‘路径’,
// formatter: timeFormatter,
align: ‘center’
},
{
field: ‘updateTime’,
title: ‘更新日期’,
formatter: timeFormatter,
align: ‘center’
},

         {
             field:'operate',
             title:'操作',
             formatter: formatterOperate,
             align: 'center'
             
         
         }          
    ]       

});
});

function formatterOperate(data, parentNode, parentIndex, tbody){
return ‘<a οnclick="addRow(this)"style=“color: #333;background-color: #dedcdc;padding: 4px 8px;font-size: 14px;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;margin-left:10px”>添加子节点’ +
‘<a οnclick="updRow(this)"style=“color: #333;background-color: #dedcdc;padding: 4px 8px;font-size: 14px;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;margin-left:20px;”>修改’ +
‘<a οnclick="delRow(this)"style=“color: #333;background-color: #dedcdc;padding: 4px 8px;font-size: 14px;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 4px;margin-left:20px;”>删除’;
}

});
//点击增加根节点出现添加节点信息的panel
function addgRow(data){
showContextPanel();
$("#fatherId").hide();
var tdata = $(data).parent();
var treegpid = 0;
$("#name").val("");
/* $("#istype").val("");*/
$("#descpt").val("");
$("#code").val("");
$("#page").val("");
$("#pid").val(treegpid);
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲addpnodeform').….trim(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲addpnodeform #i….trim(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲addpnodeform #n….trim(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲addpnodeform #i….trim(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲addpnodeform #d….trim(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲addpnodeform #c….trim(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲addpnodeform #p…

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值