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

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

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

我们看下公共列表页面

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

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

$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'],
    .....
];