数据表格

CURD表格功能

筛选框功能开启

• filterTogglable(true) 配合 filter() 实现, 组件请参考 form 的组件介绍

      $this->baseCRUD()
         //是否开启筛选按钮
          ->filterTogglable(true)
         //是否默认展开筛选表单
         ->filterDefaultVisible(true)
         //筛选表单内容
          ->filter(
             //其实是Form组件实现的
             $this->baseFilter()
                 ->body([
                  SelectControl::make()->name('state')->label('状态')
                     ->options([])->clearable(true),
                  DateRangeControl::make()->name('daterange')
                     ->label('下单日期')->value('-2weeks,+3weeks')
             ]),
         );

   //重写 service 中 的listQuery() 方法，使查询条件生效
   public function listQuery()
   {
       $query = parent::listQuery();
       //$query->with('project:id,title');//laravel的关联关系加载
       $state = request()->input('state');
       $query->when($state, fn($query) => $query->where('state', $state));
       return $query;
   }

表格工具栏顶部和底部

• headerToolbar([…])
• footerToolbar([…])

表格字段类型常见格式说明

• Form 中 Radios Select 等选择框，可以选择使用 mapping 组件显示。 map 的值还是 options格式的数据 也可以使用参考 detail 中的 static 模式显示。如果是关联关系的显示，参考模型关联的文档

  amisMake()->TableColumn('re_status','退款状态')->type('mapping')->map([['value' => 'wait', 'label' => '等待'],['value' => 'success', 'label' => '完成'],])

关于所有的表格类型示例，可参考 爱速搭所有列表类型

欢迎大家的补充和指正，谢谢

官方资源

owl admin 文档
demo地址
amis所有组件示例