首页 > 其他分享 >Dcat admin表格选择器

Dcat admin表格选择器

时间:2022-09-30 10:36:05浏览次数:51  
标签:form title admin text id grid Dcat 选择器

dact-admin表格选择器的使用如图

image
image

在使用dact下拉选择框时,如果选择框的数据很多几百条,这样在使用普通的选择框时就会很不友好,在dact-admin里面有一种表格选择器的东西,可以很好的解决这个问题。

1.首先创建异步加载类如下图

2.控制器中的写法

use App\Admin\Renderable\GoodsTable;


    /**
     * Make a form builder.
     *
     * @return Form
     */
    protected function form()
    {
        return Form::make(new Seckill(), function (Form $form) {
            $form->display('id');
            // $form->text('sku_id');
                         
     $form->selectTable('sku_id','商品')
        ->title('商品') //设备弹框的标题
        ->dialogWidth('50%') //设置弹框的宽度
        ->from(GoodsTable::make()) //设置渲染类实例,并支持自定义传递自定义参数如->from(UserTable::make(['id' => $form->getKey()])) //查询当前行的id
        ->model(GoodsTable::class, 'id','title'); // 设置编辑数据的显示
              




            $form->text('sku_count');
            $form->text('sku_count_over');
            $form->text('seckill_money');
            $form->text('time_id');
            $form->text('state');
            $form->text('Created_at');
            $form->text('Updated_at');
        });
    }

3.加载类中的写法

<?php

namespace App\Admin\Renderable;

use App\Models\ShopGood ;

use Dcat\Admin\Grid;

use Dcat\Admin\Grid\LazyRenderable;

class GoodsTable extends LazyRenderable

{

	public function grid(): Grid

	{

		// 获取外部传递的参数

		$id = $this->id;

		return Grid::make(new ShopGood(), function (Grid $grid) {

		$grid->column('id');

		$grid->column('title','商品名称');

		// $grid->column('created_at');

		// $grid->column('updated_at');

		//指定行选择器选中时显示的值的字段名称

		$grid->rowSelector()->titleColumn('title');

		//下面这个目前不太清除 注释掉也能使用(不知道有什么具体的作用)

		// $grid->quickSearch(['id', 'wx_nickname']);

		$grid->paginate(10); //每页十条数据

		$grid->disableActions(); //禁止操作

		//设置筛选

		$grid->filter(function (Grid\Filter $filter) {

		$filter->like('title','商品名称')->width(4);

		});

		});

	}

}

4.到此结束,一定要注意加载类的引入以及命名空间的写法。多选和单选的原理都是一样的只不过是把selectTable换成multipleSelectTable。

5.注意:单选和多选不能使用同一个加载类,不然多选就会失效。

OK可以实现了

标签:form,title,admin,text,id,grid,Dcat,选择器
From: https://www.cnblogs.com/79524795-Tian/p/16744044.html

相关文章

  • 【Mysql】Host is blocked because of many connection errors;unblock with 'mysqlad
    错误原因:同一个ip在短时间内产生太多(超过mysql数据库max_connection_errors的最大值)中断的数据库连接而导致的阻塞;解决方式:连接mysql,刷新记录报错host的文件mysql>flushho......
  • vue-admin-template-master下载依赖出错最全简洁解决方法
    vue-admin-template-master下载依赖出错最全简洁解决方法前言我用vscode搭建前端项目的时候,发下载依赖包出错,百度查了很多方法,发现这个方法是可以行的,在此记录下来。原......
  • js选择器的复杂选择器
    冒号:$("input:checkbox")表示input节点下带有checkbox属性的节点,一般用于$("input:checkbox[name='aaaa']");表示input节点下所有name属性值为"aaaa"的checkbox空格:pspan{......
  • 【WPF 】ItemTemplateSelector模板选择器
    WPF的ItemsControl数据绑定中,有时会遇到绑定的数据源是多种类型,并且需要对不同类型使用不同的模板。这个时候就需要用到 ItemTemplateSelector。ItemTemplateSelector......
  • 06.选择器
    概述普通选择器是id优先级最高.是class关系选择器父子元素div后面紧跟着的p元素COntent1属性选择器(不常用)第一种示例第二种示例伪类选择器连接的......
  • 25 bootstrap--v3--datetimepicker时间选择器--应用
    在模板中引用响应的文件比如:layout.html<linkrel="stylesheet"href="{%static'stark/plugins/datetimepicker/css/bootstrap-datetimepicker.css'%}"/><scripts......
  • phpmyadmin中如何禁止外网使用
    在phpmyadmin文件夹中找到phpmyadmin.conf在文件中能看到如下面一段配置<Directory"c:/wamp/apps/phpmyadmin3.4.10.1/">OptionsIndexesFollowSymLinksMultiV......
  • ElementUI多个级联选择器el-cascader新增、删除和回显
    需求说明:同一个页面新增时,默认只显示一个选择器(选择器是循环出来的),可以新增、删除、编辑;编辑的时候根据后端返回数据循环显示选择器列表,可新增、删除、编辑;数据说明:后端默......
  • django项目 admin管理后台 基本操作(表注册/中英文切换/表名展示为中文)
    登录:使用创建的超级用户才可以登录注册:告诉admin有多少张表:在admin.py文件中注册admin.py文件:表注册完成后,admin中会显示表信息1fromdjango.contribimportadmin......
  • laravel-admin实现时间搓区间查询
    数据表时间字段使用的时间搓保存,使用查询过滤时发现时间区间查询没有关于时间搓查询的能力,只能是自己实现一个表格查询过滤的between类型,默认是使用控件输入原值作为查......