表單觸發器控件 --------- + 支持觸發器的控件有: + date + datetime + month + number + password + radio + range + select(single) + xselect(radio = true) + xselectCascader(radio = true) + xselectRemote(radio = true) + xselectTree(radio = true) + selectLink + switch + text + textarea + time + year + 其他, 控件值為PHP標量,并且支持Angular Scope雙向綁定 + 觸發器特點 - 觸發條件支持鏈式邏輯 - 觸發條件操作符支持`==` `===` `>=` `<=` `>` `<` `!=` `!==` - 觸發條件的值只支持PHP標量 + 示例: ```php /** * @return string * @throws \Throwable */ public function actionIndex() { if ($this->isPost) { return $this->asOk('success'); } else { $form = FormBuilder::instance([ 'id' => 'formDemo', ]); $form->setTitle('表單構建器') ->setRootLayout([ 'class' => ['col-md-12'] ]) ->setPartial(false) ->setRequiredStyle() ->registerPointcut(H5::alert('我是一個信息提示!')) ->setFormControl([ 'a' => $this->formControl->text()->label('用戶名')->placeholder('請填寫用戶名'), 'b' => $this->formControl->password()->label('密碼')->placeholder('請填寫密碼')->comment('注:密碼必須包含特殊字符,且大于6位小于22位'), 'c' => $this->formControl->tag()->label('#話題')->defaultValue(['學校', '家庭', '人生', '信仰'])->required(), 'i' => $this->formControl->select()->label('觸發器')->options(['a' => '觸發A', 'b' => '觸發B']), 'n' => $this->formControl->sw()->label('開關')->checked(), 'trigger1' => $this->formControl->trigger()->when('default', 'i', '!=', 'b')->triggerItems([ 'j' => $this->formControl->text()->label('觸發器1-1'), 'k' => $this->formControl->text()->label('觸發器1-2'), 'trigger3' => $this->formControl->trigger()->when('default', 'n', '==', '0')->triggerItems([ 'o' => $this->formControl->text()->label('內部觸發器1-1'), 'p' => $this->formControl->text()->label('內部觸發器1-2'), ])->display(), ])->display(), 'trigger2' => $this->formControl->trigger()->when('default', 'i', '==', 'b')->triggerItems([ 'l' => $this->formControl->text()->label('觸發器2-1'), 'm' => $this->formControl->text()->label('觸發器2-2'), ])->display(), /*'e' => $this->formControl->select()->label('分組')->multiple()->disabled(['A', 'E'])->options([ '會員列表' => [ 'A' => '數字1', 'B' => '數字2', 'C' => '數字3', ], '日志列表' => [ 'D' => '日志1', 'E' => '日志2', 'F' => '日志3', ], ]), 'f' => $this->formControl->selectLink()->label('省')->disabled(['A', 'E'])->initOptions([ '中國' => [ 'A' => '河南省', 'B' => '廣東省', 'C' => '北京市', ], '美國' => [ 'D' => '華盛頓', 'E' => '劍橋', 'F' => '麻省理工', ], ])->targetLink('g')->route('form/link')->start(), 'g' => $this->formControl->selectLink()->label('市')->targetLink('h')->route('form/link')->through(), 'h' => $this->formControl->selectLink()->label('縣(區)')->end(),*/ ]) ->setSubmitConfirm() ->setExtraBtn([ H5::tag('button', '額外的按鈕', ['class' => ['layui-btn layui-btn-sm layui-btn-gray ym2-form-extra-ui'], 'type' => 'button']), ]) ->setSubmitBtn('確定') ->setResetBtn() ->setExtraJs([ function() { return "console.log('額外的JS')"; }, ]) ->registerPointcut(H5::alert('我是一個底部信息提示!', 'info'), FormBuilder::POS_END); return $form->render(); } } ```