## 方法原型:

```

addRightButton($type = '', $title = '', $url = '', $linkType = 'link', $attr = [])

```

> 关于按钮的详细说明请参考[按钮操作](./按钮操作.md)一节。

> 注意: 添加操作按钮必须在添加列时添加操作栏一列, 否则即使加了右侧按钮也不会显示

## 参数说明:

```

* @param string $type 按钮类型:edit/enable/disable/delete/custom

* @param string $title 按钮标题

* @param string $url 按钮操作链接,在url中,可以使用'__字段名__'的方式获取当前行数据字段的值

* @param string $linkType 链接类型 link-普通跳转 ajax-ajax请求 pop-打开弹窗 null-无操作

* @param array $attr {

* type: 按钮类型,

* round: 是否圆角,

* plain: 是否朴素按钮(默认true),

* circle: 是否圆形按钮,

* icon: 按钮图标,

* disabled: 按钮是否禁用,

* target: 按钮链接跳转类型(linkType为link时有效),

* confirm: false|true|{title, tips, type:warning}-按钮点击时是否需要确认框,

* extra_data: 附加数据, 表单提交时会把附加数据提交,在extra_data中,可以使用'__字段名__'的方式获取当前行数据字段的值,

* batch: 是否批量操作(会附带当前选中的数据ID),

* hide: true|{field: value},按钮隐藏规则,当指定的字段值与指定的值相等时隐藏该按钮,value可以是一个值,也可以是一系列值的数组。

* }

```

## 调用方式

- 添加基础功能按钮

```

return SBuilder::make('table')

->addTopButton('edit') // 编辑按钮

->addTopButton('enable') //启用

->addTopButton('disable') // 禁用

->addTopButton('delete') // 删除

->fetch();

```

> 内置的启用禁用按钮会自动添加一个隐藏触发器,当状态等于1时隐藏启用按钮,当状态等于0时隐藏禁用按钮。并已内置好了相关操作。

> 页面效果:

![](https://box.kancloud.cn/6241056101703b567465264d236aff72_160x295.png)

- 可以通过type传递为其他值(不仅限于custom,只要不是内置类型,都属于自定义按钮),设置自定义按钮:

```

return SBuilder::make('table')

->addRightButton('detail', '查看详情', url('detail', ['id' => '__id__']), 'link', ['icon' => 'el-icon-s-grid'])

->fetch();

```

> 页面效果:

![](https://box.kancloud.cn/a08fc48b7660471c822da412ac54f9c5_222x286.png)

- 批量添加右侧按钮:`addRightButtons($buttons = [])`,`buttons`中的每一项都是一个按钮元素。

php左边按钮右边显示,右侧操作按钮相关推荐

  1. html文字如何显示在右侧,html点击左边代码右边显示相应的内容

    html中点击下载的代码怎么写 点击一个链接以后,直接弹出一个对话框,提示用户是否将目标文件保存到按钮显示 好像只有 Firefox 和 Chrome内核 支持 download 属性,可以试一下 所 ...

  2. savefiledialog对话框的取消和确定按钮分别返回一个什么值?_确定按钮该放在左边还是右边?...

    更新优化一下. 英国的人机交互课题都喜欢研究一些和文化.游戏.智能硬件.弱势群体之类的"大课题",而我却偏喜欢琢磨一些接地气的东西,比如说:确定按钮应该放在左边还是右边? 做PC端 ...

  3. html怎么把字放在图片上而不把图片设为背景音乐,左边是图片一直在替换,右边显示文字内容并配乐的视频怎么制作?照片制作视频软件...

    小编前段时间看到一个视频蛮有趣的,视频画面左边是几张图片添加了过渡效果切换着播放,右侧则是文字内容,整个视频配有好听的背景音乐.小编之前也就知道在视频的左侧放一张图片右侧加文字并配上背景音乐,这设置了 ...

  4. CSS 如何实现文字溢出隐藏时,隐藏左边或者右边,并显示省略号

    CSS 如何实现文字溢出隐藏时,隐藏左边或者右边,并显示省略号 指定一个定宽高的盒子,当文字溢出,会换行显示出来. .box {width: 60px;height: 30px;background- ...

  5. html加减中间的值不能修改,在移动HTML5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮...

    场景: 这是之前做的移动web控件时遇到的问题.当时在我们控件的HTML5页面需要输入卡号.CV2.手机号.验证码等信息.大家都知道这些值都是数字.普通类型的输入框,当我 们点击时,手机默认掉起的键盘 ...

  6. 如何设置一个按钮 左边方形右边圆形

    如何设置一个按钮 左边方形右边圆形 前言 一.使用步骤 1.创建一个按钮,并设置类为g 2.css样式 总结 前言 前端vue页面将一个普通按钮样式设为一边圆形 一边没有变化 以下是本篇文章正文内容, ...

  7. Latex Beamer PPT 左边文字右边图片,分栏显示

    Latex Beamer PPT 左边文字右边图片,分栏显示 \begin{frame}{Previous model}{Secert Sharing Scheme} \begin{columns}\ ...

  8. html框架点击左边目录内容显示在右边框架里

    html框架点击左边目录内容显示在右边框架 定义框架为目录 标题 内容 这三个框架,我们点击左边的目录,目录里面的内容会出现在内容这个框架里看下边怎么操作. 先创建第一个index.html文件,代码 ...

  9. flex布局,左边右边高度固定,左边溢出的内容鼠标滚轮显示,左边滚动右边视图不动

    flex布局,左边右边高度固定,左边溢出的内容鼠标滚轮显示,左边滚动右边视图不动 代码如下 <!doctype html> <html lang="en"> ...

最新文章

  1. 联想拯救者Y9000-ubuntu-U盘启动失败解决方法
  2. 如何在生产环境下用好EFCore
  3. 蜘蛛牌 HDU - 1584(搜索——达到先让某些段先结合,达最优解)
  4. Java基础语法之Map
  5. 活动目录的灾难恢复操作指导之三
  6. MongoDB---之---可视化客户端
  7. OpenCV中的三种图像数据结构CvMat, IplImage和Mat(二)IplImage
  8. 微信小程序有关于Linux的吗,微信小程序可以跳转到手机 app 啦!
  9. 解决MySQL Workbench导出低版本MySQL时报错Unknown table ‘column_statistics’ in information_schema的问题
  10. 《高翔视觉slam十四讲》学习笔记 第九讲 后端
  11. JS 中的call,apply,bind 和 caller, callee
  12. 网吧管理系统数据库设计
  13. `OSError: file error: bad input file` in RDkit with .sdf file
  14. GROMACS .mdp 选项翻译及笔记
  15. 【团队管理】如何做好技术团队年终复盘
  16. Flutter Ink,InkWell,InkResponse水波纹实现(2.3)
  17. mysql 联查字段名重复_查询数据库多个字段名时的结果有重复的解决办法_MySQL
  18. 描写火车站场景_赞美火车的句子(描写火车上情景的句子)
  19. 需求文档中的“项目前景与范围”
  20. 4. Java并发编程-管程

热门文章

  1. python文本词频统计是什么_python 大批量文本分词 以及词频统计 (高效处理案例)...
  2. c语言交换两个数字 位运算_交换两个8位数字| 8086微处理器
  3. 如何系统学习python
  4. 【STM32】修改芯片型号后报 Error 的解决方案
  5. python3爬取百度图片
  6. JQuery Datatables editor进行增删改查操作(一)
  7. java网页解析包_java 网页解析工具包 Jsoup
  8. C++PrimerPlus学习——第九章编程练习
  9. 学java交学费包分配_java 学生缴学费案例:
  10. 14秋《c语言程序设计》作业2,《C语言程序设计》 作业参考答案.doc