齐博x1第四季《模块插件的制作》系列24-公共列表页的头部和右侧按钮

2021-12-07 作者:torylf 分类:教程 阅读:794

这一章我们需要认识一个属性,$tab_ext


我们用到公共表单,公共列表的模板时候,都能看到此属性,如果没有看到,可能是继承父类的关系,也可以直接使用


我们看下公共列表页面

image.png

图中标记的三处,都是有$tab_ext 该属性控制,当前模板是没有做任何修改的状态,也就是说默认情况下就是这些,

当然当前后台模板是更换过的样式,我们看下系统默认的样式

image.png


$tab_ext 是一个数组类型的属性,我们在初始化中给 $this->tab_ext['page_title'] 赋值就可以修改页面标签1处的标题,如下:


$this->tab_ext['page_title'] = '修改过的标题-内容管理';



非常简单的就控制了此页面的标题展示


我们再看新增和删除这两个按钮,如果我们想删除这两个按钮,只需要使用 

$this->tab_ext['top_button'] = [];


给其留空,即可,因为他默认是继承父类的属性,是存在数据的,我们这时给此数组赋值空,就相当于删除此按钮了


我们看效果:

此时按钮就消失了。



如果我们要添加或者修改按钮的名称:

那么按照以下格式赋值:

这里格式比较复杂,需要稍微理解下:

$this->tab_ext['top_button'] = [
    [
    'title'=>'按钮名称',
    'url'=>'#',//url链接地址
    'icon'  => 'fa fa-plus-circle', //css图标类
    'class' => '',//自定义css,一般不写,因为按钮都根据模板样式预先定义好了,没必要另外定义,本演示模板就是和默认不一样的
    ],
    
     [
    'title'=>'按钮名称2',
    'url'=>'#',//url链接地址
    'icon'  => 'fa fa-plus-circle', //css图标类
    'class' => '',//自定义css
    ],
];

这时自定义按钮需要填写的属性,有几个就填写几个对应属性


如果我们想在模板里使用系统的,那么直接写入type几个预定义好的类型即可,有三种类型,分别是add(新增),delete(删除),back(返回)


$this->tab_ext['top_button'] = [
    [
       'type'=>'add',
    ],
     [
       'type'=>'delete',
    ],
     [
       'type'=>'back',
    ],
    
   
];



我们也可以直接修改对应的其他属性,比如修改标题:

$this->tab_ext['top_button'] = [
    [
    'type'=>'add',
    'title'=>'自定义add标题'
],
[
    'type'=>'delete',
    'title'=>'自定义del标题'
],
[
    'type'=>'back',
    'title'=>'返回之前的页面'
],
    
   
];



这样顶部按钮,就全部定义好了,用的也是系统公共列表样式。如果是自己自定义的模板,就不建议这样使用了



同理可得,右侧使用方法是一样的,对应数组变量是$this->tab_ext['right_button'] ,这里不在演示了。

注意下右侧按钮,因为是单条记录操作,所以type默认系统类型多了一个edit(修改)功能,一般不必特别写入,

默认是修改和删除按钮。

$this->tab_ext['right_button']=[
    ['type'=>'edit'],
    ['type'=>'delete'],
    .....
];




来源: 神盾工作室    转载请注明出处!

本文地址:https://www.shieldsoho.com/article/126.html

{{item.nickname}} @回复
发表于{{item.create_time}}

  • {{replyitem.nickname}} {{item.create_time}}
    @{{item.nickname}}

查看更多评论