>[warning] 使用前請務必在js頁面引入**selector.js** #### 組織機構選擇組件 >[info] selectOrg: function (callback, options) {} * callback：確認選擇后的回調函數 * options：初始化參數 * checked：已選擇的組織機構 * selectMode：選擇模式 radio-單選 checkbox-多選 * startOrgId：選擇的起始組織機構節點編碼 * checkLevel：可以選擇的組織機構節點類型(此處配置可選擇單位及科室) * title：彈出選擇框標題 ```php { "checked":"1,b,c",//已選擇的組織機構節點 "selectMode":"radio",//選擇模式 radio-單選 checkbox-多選 "startOrgId":'HBDBKJ',//選擇的起始組織機構節點編碼 "checkLevel":"2,3" //可以選擇的組織機構節點類型(此處配置可選擇單位及科室) } ``` >[success]回調函數 選擇后的回調函數為二維數組，其格式如下： ```php [ {"orgId":"93f2614c-39bd-4c38-b165-48a9981753b6","orgName":"綜合科"}, {"orgId":"a9e45202-2b86-4a66-a3ec-a88c6ea08d5a","orgName":"客戶部"} ] ``` >[success]示例代碼 表單頁面代碼 ```html <div class="form-group"> <label class="control-label col-xs-12 col-sm-2 ">所屬部門：</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input type="text" readonly="readonly" class="form-control" id="org_name" name="org_name" value="" placeholder="請選擇所屬部門" /> <input type="hidden" name="row[org_id]" id="org_id" value=""/> <div class="input-group-btn"> <button type="button" class="btn btn-default" id="btnOrgSelector" name="btnOrgSelector" style="padding: 4px 10px 3px;"><i class="iconfont iconorganization"></i></button> </div> </div> </div> </div> ``` js頁面代碼 ```js $('#btnOrgSelector').on('click', function () { var options= { selectMode: 'checkbox', checked: $('#org_id').val() }; Selector.api.selectOrg(function(data){ if (data && data.length > 0) { var ids = []; var names = []; data.forEach(function (value, index) { ids.push(value.orgId); names.push(value.orgName); }); $('#org_id').val(ids.join(',')); $('#org_name').val(names.join(',')); } else { $('#org_id').val(''); $('#org_name').val(''); } },options) }) ```