表单布局

Since v1.7.6

image

类似于上图的左右两列布局方式，可以参考下面的代码来实现

  1. $form = new Form(new Document);
  3. // 第一列占据1/2的页面宽度
  4. $form->column(1/2, function ($form) {
  6.     // 在这一列中加入表单项
  8.     $form->text('title', __('Title'))->rules('min:10');
  10.     $form->textarea('desc', __('Desc'))->required();
  12.     $form->select('uploader_id', __('Uploader'))
  13.         ->options(User::all()->pluck('name', 'id'))
  14.         ->rules('required');
  15.     ;
  17.     $form->file('path', __('Path'))->required();
  18. });
  20. // 第二列占据右边1/2的页面宽度
  21. $form->column(1/2, function ($form) {
  22.     $form->number('view_count', __('View count'))->default(0);
  24.     $form->number('download_count', __('Download count'))->default(0);
  26.     $form->number('rate', __('Rate'))->default(0);
  28.     $form->radio('privilege', __('Privilege'))
  29.         ->options(Document::$privileges)
  30.         ->stacked()
  31.         ->default(1);
  33.     $form->datetimeRange('created_at', 'updated_at');
  34. });
  36. return $form;

表单布局使用bootstrap的栅格布局系统进行布局显示，列的宽度比例可以设置为1/2、1/3、1/4、1/6