### xm-select插件文檔地址 [xm-select插件文檔](https://maplemei.gitee.io/xm-select) ### 方法 xselect自定義下拉擴展實例： ```php $xselect = $formControl->xselectRemote(); ``` 開啟遠程分頁: ```php // 開啟分頁后, 數據返回格式: return $this->asOk('Success', [ 'list' => [], // 數據 'totalCount' => 10, // 總數據條數 ]) ``` ```php $xselect->pageRemote(); ``` URL 路由: ```php $xselect->url(['amdin/get-data']); ``` Http Method: `get | post` `默認: get` ```php $xselect->httpMethod('post'); ``` ## 公共方法 是否展示三角圖標: `默認 true` ```php $xselect->showFolderIcon(false); ``` 是否顯示虛線: `默認 true` ```php $xselect->showLine(false); ``` 內容文本間距: `默認 20` ```php $xselect->indent(50); ``` 默認展開節點的數組, 為 true 時, 展開所有節點: `默認 false` ```php $xselect->expandedKeys(true); ``` 是否嚴格遵守父子模式: `默認 true` ```php $xselect->strict(false); ``` 是否開啟極簡模式: `默認 false` ```php $xselect->simple(true); ``` 點擊節點是否展開: `默認 false` ```php $xselect->clickExpand(true); ``` 點擊節點是否選中: `默認 true` ```php $xselect->clickCheck(false); ``` 單選模式: `默認是 多選模式` ```php $xselect->radio(); ``` 是否重復選: `默認: false` ```php $xselect->repeat(); ``` 設置選擇后,關閉選項框: ```php $xselect->clickClose(); ``` 超出自動換行: ```php $xselect->autoRow(); ``` 新增其他配置項: ```php $xselect->addPluginOption($filed, $value); ``` 是否開啟分頁：`默認 false` ```php $xselect->paging(true); ``` 是否開啟工具欄：`默認 false` ```php $xselect->toolbar(true); ``` 開啟搜索: ```php $xselect->filterable(); ``` 搜索延遲 ms: `默認 100` ```php $xselect->delay(200); ``` 搜索占位提示: ```php $xselect->searchTips('請輸入搜索'); ``` 設置數據選項: * 參數 說明 類型 可選值 默認值 * name 顯示名稱 string - name * value 選中值, 當前多選唯一 string - value * selected 是否選中 string - selected * disabled 是否禁用 string - disabled * children 分組children string - children * optgroup 分組optgroup string - optgroup ```php $xselect->data([ ['name' => 'name1', 'value' => 1, 'children' => [ ['name' => 'name1-2', 'value' => 12, 'children' => []], ['name' => 'name1-3', 'value' => 13, 'children' => []], ['name' => 'name1-4', 'value' => 14, 'children' => []], ['name' => 'name1-5', 'value' => 15, 'children' => []], ['name' => 'name1-6', 'value' => 16, 'children' => []], ['name' => 'name1-7', 'value' => 17, 'children' => []], ]], ['name' => 'name2', 'value' => 2, 'children' => []], ['name' => 'name3', 'value' => 3, 'children' => []], ['name' => 'name4', 'value' => 4, 'children' => [ ['name' => 'name4-5', 'value' => 45, 'children' => []], ['name' => 'name4-6', 'value' => 46, 'children' => []], ['name' => 'name4-7', 'value' => 47, 'children' => []], ]], ['name' => 'name5', 'value' => 5, 'children' => []], ['name' => 'name6', 'value' => 6, 'children' => []], ['name' => 'name7', 'value' => 7, 'children' => []], ]); ``` 設置站位提示： ```php $xselect->tips('請選擇'); ``` 設置默認值： ```php $xselect->defaultValue(0, 10); ``` 設置控件標簽： ```php $xselect->label('區間'); ``` 設置為必填： ```php $xselect->required(true); ``` 設置注釋文本： ```php $xselect->comment('這里是一個注釋文本'); ``` 設置柵欄布局 (默認:12`)： ```php $xselect->layout(6); ``` 設置ui類： ```php $sw->uiClass(['f13']); ``` 設置style樣式： ```php $sw->style(); ``` 設置html屬性: ```php $sw->attribute(); ``` ## 示例 ~~~ /** * @return string * @throws \yii\base\InvalidConfigException */ public function actionTree() { if ($this->isPost) { return $this->asOk('success'); } else { $formBuilder = FormBuilder::instance(); $formBuilder->setTitle('xm-select') ->setFormControl([ 'a' => $this->formControl->xselect()->label('xm-select')->defaultValue([1])->data($this->getData())->tips('請選擇一哈!')->filterable()->radio()->clickClose(), 'd' => $this->formControl->xselectTree() ->label('xm-select-tree') ->defaultValue(['6']) ->data($this->getTreeData()) ->tips('請選擇一哈!') ->filterable() //->radio() //->strict(false) ->expandedKeys(true) ->addPluginOption('height', '500px') /*->clickClose()*/, 'e' => $this->formControl->xselectRemote() ->label('xm-select-remote') ->tips('請選擇一哈!') ->filterable() ->radio() ->clickClose() ->toolbar([ 'show' => true, ]) ->addPluginOption('tree', [ 'show' => true, ]) ->url(['form/remote']) ->httpMethod('get'), 'f' => $this->formControl->xselectCascader() ->label('xm-select-cascader') ->defaultValue(['6']) ->data($this->getTreeData()) ->tips('請選擇一哈!') ->radio() ->clickClose() ->strict(false), 'g' => $this->formControl->file() ->label('測試一下') ->max(5) ->scenarioImage() ->scenarioVideo() ->scenarioAudio() ->scenarioOther() ->defaultValue('https://tfs.alipayobjects.com/images/partner/TB1TrI3cTVyDuNk6XeaXXXCWXXa'), ]) ->setResetBtn() ->setSubmitBtn(); return $formBuilder->render(); } } ~~~