laravel-admin 在列表页添加自定义按钮的例子

为了添加自定义按钮，按官方文档分4步走：

1、先定义工具类app/Admin/Extensions/Tools/ShowArtwork.php：

<?php

namespace App\Admin\Extensions\Tools;

use Encore\Admin\Admin;
use Encore\Admin\Grid\Tools\AbstractTool;
use Illuminate\Support\Facades\Request;

class ShowArtwork extends AbstractTool
{
  protected $url;
  protected $icon;
  function __construct($url,$icon,$text)
  {
    $this->url = $url;
    $this->icon = $icon;
    $this->text = $text;
  }

  public function render()
  {
    $url = $this->url;
    $icon = $this->icon;
    $text = $this->text;
    return view('admin.tools.button', compact('url','icon','text'));
  }
}

2、定义试图文件：resources/views/admin/tools/button.blade.php

<div class="btn">
  <a class="btn btn-sm btn-default pull-right" href="{{$url}}" rel="external nofollow" ><i class="fa {{$icon}}"></i> {{$text}}</a>
</div>

3、在model-grid引入这个工具：

      $grid->tools(function ($tools)use($artworkid) {
        $url = "/admin/artimage";
        $icon = "fa-backward";
        $text = "Back";
        $tools->append(new ShowArtwork($url,$icon,$text));

        $url = "/admin/artimage/".$artworkid."/view";
        $icon = "fa-eye";
        $text = "Show Artwork";
        $tools->append(new ShowArtwork($url,$icon,$text));
      });

大功告成！

以上这篇laravel-admin 在列表页添加自定义按钮的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • laravel dingo API返回自定义错误信息的实例

    laravel 在使用了 dingo API 后,错误信息被dingo异常类接管了,返回信息变成了 : 要返回自定义的错误信息,就需要再把错误异常类接管回来(大概这个意思...) 方法: 在 app\Providers\AppServiceProvider.php 中的 boot() 方法 添加如下代码: app('api.exception')->register(function (\Exception $exception) { $request = Request::capture();

  • Laravel5.5 实现后台管理登录的方法(自定义用户表登录)

    最近群里很多人文档,laravel如何做会员和管理两个身份登录,今天把教程分享一下 自定义用户表登录 认证是由 guards 和 providers 两部分构成的, defaults 配置是默认选择一个 guard 认证驱动,所以我们在这两个配置项中分别添加一个 admin 和 admins 选项. <?php 'guards' => [ 'web' => [ 'driver' => 'session', 'provider' => 'users', ], 'admin' =

  • laravel http 自定义公共验证和响应的方法

    我就废话不多说了,直接上代码吧,大家一起来看看 <?php namespace App\Services; use Validator; class Http { /*** * 响应成功返回的函数 * * @param $message * @param $content * @param int $status * @return \Illuminate\Http\JsonResponse * @internal param $data */ public function success($

  • laravel-admin 在列表页添加自定义按钮的例子

    为了添加自定义按钮,按官方文档分4步走: 1.先定义工具类app/Admin/Extensions/Tools/ShowArtwork.php: <?php namespace App\Admin\Extensions\Tools; use Encore\Admin\Admin; use Encore\Admin\Grid\Tools\AbstractTool; use Illuminate\Support\Facades\Request; class ShowArtwork extends A

  • Yii2 GridView实现列表页直接修改数据的方法

    Yii2 GridView实现列表页直接修改数据的方法

    什么意思呢?我来简单的描述下,小编妹子提的需求是这样的,你看啊,你这列表页的数据,能不能我就直接在列表上进行点一下就直接修改啊,我再点进去修改多麻烦,太不方便了.这尼玛,这需求,是不是真想给她一棒槌. ok,我们今天就来看看在yii2中如何去利用gridview实现列表上直接修改的功能,很全面哦,我们尽量各种类型的属性都给出实例. 第一步,我们先来部署好yii2-grid 利用composer安装yii2-grid composer require kartik-v/yii2-grid "@de

  • 微信小程序 scroll-view组件实现列表页实例代码

    scroll-view组件介绍 scroll-view是微信小程序提供的可滚动视图组件,其主要作用是可以用来做手机端经常会看到的上拉加载下拉刷新列表页!下面就以<摇出微笑>为例来讲解一下这个组件的使用吧! 为app导入新page页面 首先需要为我们的小程序导入新的page页面,项目根目录打开app.json这个项目配置文件在里面的pages数组添加"pages/allJoke/allJoke"然后设置底部导航在"tabBar"的列表项("lis

  • Django实现列表页商品数据返回教程

    采用的是cbv方式,cbv就是在url中一个路径对应一个类 rom django.views.generic import View from goods.models import Goods class GoodsListView(View): """ 通过django的view实现商品列表页 :param request: :return: """ def get(self,request): #重写View中的get方法 goods_li

  • Vben Admin 多标签页状态管理源码学习

    目录 引言 multipleTab.ts 系统锁屏 State/Getter Actions 引言 本文将对 Vue-Vben-Admin 的状态管理实现源码进行分析解读,耐心读完,相信您一定会有所收获! multipleTab.ts 系统锁屏 文件 src\store\modules\multipleTab.ts 声明导出一个store实例 useMultipleTabStore .一个方法 useMultipleTabWithOutStore()用于没有使用 setup 组件时使用. //

  • history保存列表页ajax请求的状态使用示例详解

    目录 问题 优化前代码 history history.pushState() window.onpopstate 问题2 问题 最近碰到两个问题: 从首页进入列表页之后,点击下一页的时候,使用ajax请求更新数据, 然后点击浏览器“后退”按钮就直接返回到首页,实际这里想要的效果是返回列表页上一页. 在列表页分页为2的页面进入详情页,然后点击“后退”按钮,返回的事列表页分页为1的页面.没法记住之前分页状态. 优化前代码 代码如下,在页数变化的时候,去异步请求数据,渲染页面. const curr

  • 产品列表页及首页新闻调用的说明

    /style/info/host.asp?typeid=分类号 /style/info/sql.asp?typeid=分类号 .... 新闻定义中加了分类号,及新闻的条数: 新闻及帮助列表页的调用办法如下: /style/info/listnews.asp?typeid=分类号&pagesize=条数 如果列出所有新闻类: /style/info/listnews.asp?typeid=分类号&pagesize=条数&type1=0 如果列出所有帮助类: /style/info/l

  • MUI 解决动态列表页图片懒加载再次加载不成功的bug问题

    在项目开发中遇到这样的功能,要求实现列表页动态加载功能,在实现过程中遇到一些小小插曲,下面小编给大家详细说明下解决方法: 首次加载时图片可以获取成功,再次加载失败,通过chrome调试发现img 的 data-lazyload 属性没改变 调试的时候发现了bug $.fn.imageLazyload = function(options) { var lazyloadApis = []; this.each(function() { var self = this; var lazyloadAp

  • Vue列表页渲染优化详解

    vue列表页渲染优化,具体内容如下 想法 初始化时,vue会对data做getter.setter改造,在现代浏览器里,虽然JS已经足够快,但仍然有优化空间. 列表页的数据结构为: list: [ // 每一项有不同的来源,不同来源的数据都不同,因此放到一个数组里 [{ sourceId: 'xmla', // 来源的唯一标识 id: 3001, // 资源的唯一标识 source: '喜马拉雅', // 来源 title: '昆曲之牡丹亭', imageUrl: 'http://x.baidu

  • Ionic 2 实现列表滑动删除按钮的方法

    Ionic 2 实现列表滑动删除按钮的方法

    在上篇文章给大家介绍了ionic中列表项增加和删除的实现方法,接下来通过本文给大家介绍Ionic 2 实现列表滑动删除按钮的方法,具体内容详情如下所示: 使用Ionic这种框架伟大的地方在于用户界面元素默认准备好了,意味着你可以设计更好的app而不需要很强的用户体检设计背景,而且让你可以更容易实现这些模式. 这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表,当用户滑动列表项到左边的时候.这是一个处理删除列表数据时候常用的模式.本教程将涵盖创建这个滑动删除按钮所需要的一切. 删除例子

随机推荐