javascript – 如果用户在Spring安全性中没有rigth角色,Datatables会隐藏列

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如果用户在Spring安全性中没有rigth角色,Datatables会隐藏列，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1902字，纯文字阅读大概需要3分钟。

内容图文

如果用户不是ADMIN,我必须隐藏我的datatable的一些列.
在HTML中我有这个代码

<table id="fleetsTable"
    class="table table-bordered table-striped">
    <thead>
        <tr>
            <th>Application</th>
            <th>Cubic</th>
            <th>Power</th>
            <th>Euro class</th>
            <th>Engine Type</th>
            <th>Traction</th>
            <th>Transmission</th>
            <th>Cars</th>
            <th sec:authorize="hasRole('ROLE_ADMIN')">Delete</th>
        </tr>
    </thead>
</table>        

该表通过javascript填充ajax值.我有这个代码：

if ( ! $.fn.DataTable.isDataTable( '#fleetsTable' ) ) {
    fleetTable = $('#fleetsTable').DataTable({
        responsive: true,
        //disable order and search on column
        columnDefs: [
             {
                 targets: [7, 8],
                 orderable: false,
                 searchable: false,
             }
         ],
         //fix problem with responsive table
         "autoWidth": false,
         "ajax": "fleet/table",
         "columns": [
             { "data": "application" },
             { "data": "cubic" },
             { "data": "power" },
             { "data": "euroClass" },
             { "data": "engineType" },
             { "data": "traction" },
             { "data": "transmission" },

             { 
                 data:null, render: function ( data, type, row ) {
                 return '<button type="button" class="btn btn-primary" id="showCarsButton">Show cars</button>'; 
                 }

             },
             {data:null, render: function ( data, type, row ) {
                 return '<button type="button" class="btn btn-danger" id="deleteFleet" data-toggle="modal"'
                 +'data-target="#deleteFleetModal">Delete</button>' 
             }
             }
        ],
    });
}
else {
    fleetTable.ajax.url("table").load();
}   

要检查用户是否具有正确的角色,我在HTML中使用隐藏的输入

document.getElementById("role").value=="[ROLE_ADMIN]"       

在javascript中.
但是如何避免构建删除按钮？ html代码只隐藏列的名称.谢谢

更新：现在我隐藏了专栏

if (!(document.getElementById("role").value=="[ROLE_ADMIN]")){
        // Get the column API object
        var column = fleetTable.column(8);
        // Toggle the visibility
        column.visible( false);
}

但我更喜欢不创建专栏

解决方法:

非常简单.您可以使用columnDef的visible属性：

columnDefs : [
  { targets: 8, visible: document.getElementById('role').value == '[ROLE_ADMIN]' }
]

…假设它是第8列,我们想要跳过 – 如果#role与[ROLE_ADMIN]不同,则永远不会创建列.

内容总结

以上是互联网集市为您收集整理的javascript – 如果用户在Spring安全性中没有rigth角色,Datatables会隐藏列全部内容，希望文章能够帮你解决javascript – 如果用户在Spring安全性中没有rigth角色,Datatables会隐藏列所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端