首页 > 其他分享 >fastadmin隐藏指定表格行的按钮

fastadmin隐藏指定表格行的按钮

时间:2023-12-26 14:06:16浏览次数:25  
标签:index formatter 表格 fastadmin 按钮 department table operate 隐藏

一、隐藏修改,删除按钮(隐藏所有行)

隐藏前

fastadmin隐藏指定表格行的按钮_参数配置

修改代码

var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'department/index/index',
                    add_url: 'department/index/add',
                    // edit_url: 'department/index/edit', //直接注释或者置空
                    // del_url: 'department/index/del',  //直接注释或者置空
                    multi_url: 'department/index/multi',
                    set_principal_url:'department/admin/set_principal',
                    dragsort_url: 'department/index/sort',
                    table: 'department',
                }
            });

            var table = $("#table");

隐藏后

fastadmin隐藏指定表格行的按钮_参数配置_02

 二、逻辑性选择性隐藏

{
                            field: 'operate',
                            title: __('Operate'),
                            table: table,
                            width: 160,
                            events: Table.api.events.operate,
                            // formatter: Table.api.formatter.operate,   //这里就暂时注释
                            buttons: [
                                {
                                    name: 'add',
                                    text: __('Children'),
                                    classname: 'btn btn-info btn-xs btn-dialog',
                                    icon: 'fa fa-plus',
                                    url: 'department/index/add/parent_id/{ids}'
                                },
                                {
                                    name: 'set_principal',
                                    text: __('设置负责人'),
                                    title:__('设置部门负责人'),
                                    classname: 'btn btn-primary btn-xs btn-dialog',
                                    icon: 'fa fa-envira',
                                    url: 'department/admin/set_principal/department_id/{ids}'
                                }

                            ],
                            formatter:function(value,row,index){  //新起一个

                                console.log(row);
                                var that = $.extend({}, this);
                                var table = $(that.table).clone(true);
                                if (row.parent_id !== 0) {
                                    $(table).data("operate-dragsort",null);//隐藏操作中的移动按钮,
                                }
                                that.table = table;
                                return Table.api.formatter.operate.call(that, value, row, index);
                                // var that = $.extend({},this);//将this赋值给that,
                                // var table = $(that.table).clone(true);//通过that去引用table中的信息
                                // $(table).data("operate-edit",null);//隐藏操作中的编辑按钮,
                                // $(table).data("operate-del",null);//隐藏操作中的删除按钮,
                                // $(table).data("operate-dragsort",null);//隐藏操作中的移动按钮,
                                // that.table = table;
                                // return Table.api.formatter.operate.call(that,value,row,index);//展示信息
                            },

                        }

这样就隐藏了部分行的拖拽按钮

fastadmin隐藏指定表格行的按钮_ci_03

 

{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate,
     //formatter: Table.api.formatter.operate,
     formatter:function(value,row,index){
       var that = $.extend({},this);//将this赋值给that,
       var table = $(that.table).clone(true);//通过that去引用table中的信息
       $(table).data("operate-edit",null);//隐藏操作中的编辑按钮,
       $(table).data("operate-del",null);//隐藏操作中的删除按钮,
       $(table).data("operate-dragsort",null);//隐藏操作中的移动按钮, 
       that.table = table;
       return Table.api.formatter.operate.call(that,value,row,index);//展示信息
     }
 },

 



标签:index,formatter,表格,fastadmin,按钮,department,table,operate,隐藏
From: https://blog.51cto.com/u_15230485/8982825

相关文章

  • 两个Excel表格核对 excel表格中# DIV/0 核对两个表格的差异,合并运算VS高级筛选
    两个Excel表格核对  excel表格中#DIV/0核对两个表格的差异,合并运算VS高级筛选1.两列顺序一样的数据核对方法1:加一个辅助列,=B2=C2结果为FALSE的就是不相同的方法2:两列数据,按CTRL+\然后直接标记颜色就把不一样的找出来2.两列顺序不一致的情况方法1:用VLOOKUP来查找匹......
  • wpf + MaterialDesign + Prism8 + DataGrid 实现表格数据+分页
    十年河东,十年河西,莫欺少年穷学完止境,精益求精1、不分页,带有排序功能(每个字段都可以排序) xaml如下:<UserControlx:Class="WpfApp.UserControls.UserView"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http:......
  • 窗体设置,按钮跳转页面窗体
    packageframe;importjavax.swing.*;importjava.awt.*;publicclassJframedemoextendsJFrame{  JFramejFrame=newJFrame();  Containercontainer;  voidway1(){    jFrame.setSize(1000,1000);    jFrame.setVisible(false);  ......
  • 揭秘JVS低代码平台:如何通过行内按钮逻辑引擎配置,实现高效文件模板替换下载
    在当今数字化的时代,各行各业都在寻求更高效、更便捷的工作方式。对于业务应用来说,将线下操作转化为线上流程是提升效率的关键。在业务应用中通常需要把行数据某字段赋值到一个文件模板上,用户下载该文件模板用于盖章或签字等线下操作。这样的场景在JVS低代码平台上可以通过行内按钮......
  • vue3 + Ant Design 实现双表头表格(横向表头+纵向表头)
     一、要实现的效果(纵向固定表头的表格,横向表头数量动态化)二、这是后台返回的数据格式(以企业为数组,每个企业里有个站点数组pointFactors) 三、代码实现步骤 (1)定义纵向固定表头1//纵向表头数组tableColumns2consttableColumns=ref([3{4label:"日(24......
  • C++ Qt开发:PushButton按钮组件
    Qt是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍QPushButton按钮组件的常用方法及灵活运用。QPushButton是Qt框架中用于创建按钮的组件类,是QWid......
  • 关于Android studio新版本和NEW UI显示返回按钮的设置
    1.新版Androidstudio问题因为在新版本的AndroidStudio中,默认情况下是没有直接的选项来显示返回上一步按钮在状态栏上的,可以通过以下方法来实现返回上一步的功能:在AndroidStudio的顶部菜单栏中,选择"View"。在"View"菜单中,选择"Appearance"。在"Appearance"子菜单中,勾选"Toolbar"......
  • html表格的用法
    基本用法<!--border外边框最外面那一层width表格宽度height表格高度align布局center、right、left--><tablewidth="500px"height="400px"border="6"align="center"><!--表头默认会加粗、居中--><tr>......
  • 设置element组件表格:表头样式、单元格样式、表尾合计、边框、行高
    设置表格头样式methods:{headerCellClassName({row,column,rowIndex,columnIndex}){if(rowIndex===0){return{textAlign:'center',background:'#FFD966',fontWeight:'bold',color:'#000000'......
  • 解决layui表单中按钮自动提交的问题
    原文链接:https://blog.csdn.net/Mirror_r/article/details/80968696layui表单中的按钮会自动提交,这是一个很麻烦的事情。这几天项目中多次用到表单按钮,仔细研究了下,找到了解决办法:1、如果不需要放在表单中的按钮,最好不要放在表单中,不在layui的form中的按钮就不会进行自动提......