### 控制器 ```php $dctrlHelper = $this->dynamicControl ``` ### 助手 ```php $dctrlHelper = \builder\helper\Form::dynamicControl(); ``` ### 單例化 ```php $dctrlHelper = new \builder\form\util\control\dctrl\DctrlHelper(); ``` ## 示例 ~~~ /** * @return string * @throws \Throwable */ public function actionDynamicControl() { if ($this->isPost) { return $this->asOk('表單提交成功'); } else { $formBuilder = FormBuilder::instance(); $formBuilder->setTitle('表單動態控件') ->setGroup('會員中心', 'center') ->setGroupCol(4) ->setFormControl([ 'user' => $this->formControl->text()->label('用戶名'), 'member1' => $this->formControl ->dynamicControl() ->label('動態控件1') ->comment('注:這是注釋') ->allowDragSorting() ->allowDefaultDrop() ->layout(12) ->items([ 'm' => $this->dynamicControl->file() ->label('測試一下啊') ->scenarioImage() ->scenarioVideo() ->scenarioOther() ->max(1) ->defaultValue(['https://tfs.alipayobjects.com/images/partner/TB1TrI3cTVyDuNk6XeaXXXCWXXa']) ->style(['width' => '50px', 'height' => '50px']), 'a' => $this->dynamicControl->checkbox()->label('多選')->options(['1' => '男', '2' => '女'])->required()->minWidth(150), 'd' => $this->dynamicControl->month()->label('月')->required(), 'e' => $this->dynamicControl->number()->label('數字')->required(), 'f' => $this->dynamicControl->password()->label('密碼')->required(), // 'g' => $this->dynamicControl->radio()->label('單選')->options(['1' => '男', '2' => '女'])->required()->minWidth(200), // 'h' => $this->dynamicControl->range()->label('滑塊')->required(), // 'i' => $this->dynamicControl->section()->label('區間')->required()->firstStyle('width:60px;')->lastStyle('width:60px;')->minWidth(200), // 'j' => $this->dynamicControl->select()->label('下拉選擇')->options(['1' => '男', '2' => '女'])->required()->minWidth(150), // 'k' => $this->dynamicControl->sw()->label('開關')->required(), // 'l' => $this->dynamicControl->text()->label('文本')->required(), ])->data([ [ 'a' => ['1' => 1], 'd' => '2020-02', 'e' => '100', 'f' => '100', // 'g' => '1', // 'h' => 50, // 'i' => ['1', '110'], // 'j' => 1, // 'k' => 1, // 'l' => '文本', ], [ 'a' => ['2' => 1], 'd' => '2020-02', 'e' => '100', 'f' => '100', // 'g' => '2', // 'h' => 50, // 'i' => ['1', '110'], // //'j' => 2, // 'k' => 0, // 'l' => '文本', ], ]), 'member2' => $this->formControl ->dynamicControl() ->label('動態控件2') ->comment('注:這是注釋') ->allowDragSorting() ->allowDefaultDrop() ->layout(12) ->items([ 'a' => $this->dynamicControl->checkbox()->label('多選')->options(['1' => '男', '2' => '女'])->required()->minWidth(150), 'd' => $this->dynamicControl->month()->label('月')->required(), 'e' => $this->dynamicControl->number()->label('數字')->required(), 'f' => $this->dynamicControl->password()->label('密碼')->required(), // 'g' => $this->dynamicControl->radio()->label('單選')->options(['1' => '男', '2' => '女'])->required()->minWidth(200), // 'h' => $this->dynamicControl->range()->label('滑塊')->required(), // 'i' => $this->dynamicControl->section()->label('區間')->required()->firstStyle('width:60px;')->lastStyle('width:60px;')->minWidth(200), // 'j' => $this->dynamicControl->select()->label('下拉選擇')->options(['1' => '男', '2' => '女'])->required()->minWidth(150), // 'k' => $this->dynamicControl->sw()->label('開關')->required(), // 'l' => $this->dynamicControl->text()->label('文本')->required(), ])->data([ [ 'a' => ['1' => 1], 'd' => '2020-02', 'e' => '100', 'f' => '100', // 'g' => '1', // 'h' => 50, // 'i' => ['1', '110'], // 'j' => 1, // 'k' => 1, // 'l' => '文本', ], [ 'a' => ['2' => 1], 'd' => '2020-02', 'e' => '100', 'f' => '100', // 'g' => '2', // 'h' => 50, // 'i' => ['1', '110'], // //'j' => 2, // 'k' => 0, // 'l' => '文本', ], ]), ]) ->setGroup('用戶中心', 'user') ->setGroupCol(4) ->setFormControl([ 'user' => $this->formControl->text()->label('用戶名'), 'member1' => $this->formControl ->dynamicControl() ->label('動態控件3') ->comment('注:這是注釋') ->allowDragSorting() ->allowDefaultDrop() ->layout(12) ->items([ 'a' => $this->dynamicControl->checkbox()->label('多選')->options(['1' => '男', '2' => '女'])->required()->minWidth(150), 'd' => $this->dynamicControl->month()->label('月')->required(), 'e' => $this->dynamicControl->number()->label('數字')->required(), 'f' => $this->dynamicControl->password()->label('密碼')->required(), // 'g' => $this->dynamicControl->radio()->label('單選')->options(['1' => '男', '2' => '女'])->required()->minWidth(200), // 'h' => $this->dynamicControl->range()->label('滑塊')->required(), // 'i' => $this->dynamicControl->section()->label('區間')->required()->firstStyle('width:60px;')->lastStyle('width:60px;')->minWidth(200), // 'j' => $this->dynamicControl->select()->label('下拉選擇')->options(['1' => '男', '2' => '女'])->required()->minWidth(150), // 'k' => $this->dynamicControl->sw()->label('開關')->required(), // 'l' => $this->dynamicControl->text()->label('文本')->required(), ])->data([ [ 'a' => ['1' => 1], 'd' => '2020-02', 'e' => '100', 'f' => '100', // 'g' => '1', // 'h' => 50, // 'i' => ['1', '110'], // 'j' => 1, // 'k' => 1, // 'l' => '文本', ], [ 'a' => ['2' => 1], 'd' => '2020-02', 'e' => '100', 'f' => '100', // 'g' => '2', // 'h' => 50, // 'i' => ['1', '110'], // //'j' => 2, // 'k' => 0, // 'l' => '文本', ], ]), 'member2' => $this->formControl ->dynamicControl() ->label('動態控件4') ->comment('注:這是注釋') ->allowDragSorting() ->allowDefaultDrop() ->layout(12) ->items([ 'a' => $this->dynamicControl->checkbox()->label('多選')->options(['1' => '男', '2' => '女'])->required()->minWidth(150), 'd' => $this->dynamicControl->month()->label('月')->required(), 'e' => $this->dynamicControl->number()->label('數字')->required(), 'f' => $this->dynamicControl->password()->label('密碼')->required(), // 'g' => $this->dynamicControl->radio()->label('單選')->options(['1' => '男', '2' => '女'])->required()->minWidth(200), // 'h' => $this->dynamicControl->range()->label('滑塊')->required(), // 'i' => $this->dynamicControl->section()->label('區間')->required()->firstStyle('width:60px;')->lastStyle('width:60px;')->minWidth(200), // 'j' => $this->dynamicControl->select()->label('下拉選擇')->options(['1' => '男', '2' => '女'])->required()->minWidth(150), // 'k' => $this->dynamicControl->sw()->label('開關')->required(), // 'l' => $this->dynamicControl->text()->label('文本')->required(), ])->data([ [ 'a' => ['1' => 1], 'd' => '2020-02', 'e' => '100', 'f' => '100', // 'g' => '1', // 'h' => 50, // 'i' => ['1', '110'], // 'j' => 1, // 'k' => 1, // 'l' => '文本', ], [ 'a' => ['2' => 1], 'd' => '2020-02', 'e' => '100', 'f' => '100', // 'g' => '2', // 'h' => 50, // 'i' => ['1', '110'], // //'j' => 2, // 'k' => 0, // 'l' => '文本', ], ]), ]) ->setResetBtn() ->setSubmitBtn(); return $formBuilder->render(); } } ~~~