用戶組選擇 · 政務云框架客戶端開發手冊

>[warning] 使用前請務必在js頁面引入**selector.js** #### 用戶組選擇組件 >[info] selectGroup: function (callback, options) {} * callback：確認選擇后的回調函數 * options：初始化參數 * checked：/已選擇的用戶組 * selectMode：選擇模式 radio-單選 checkbox-多選 * startOrgId：選擇的起始組織機構節點編碼 * checkLevel：可以選擇的組織機構節點類型(此處配置可選擇單位及科室) * title：彈出選擇框標題 ```php { "checked":"1", "selectMode":"radio", "startOrgId":'HBDBKJ', "checkLevel":"2,3" } ``` >[success]回調函數選擇后的回調函數為二維數組，其格式如下： ```php [ {"checked":false,"id":"7AC331F6-C739-81AB-41DF-33971D87ECF6","name":"紀檢組","text":"紀檢組","tags":"PURCHASE_JIJIAN","sortid":1} ] ``` >[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 class="form-control" id="parentname" name="parentname" value="" placeholder="請選擇上級用戶分組" /> <input type="hidden" name="row[parentid]" id="parentid" value="" /> <div class="input-group-btn"> <button type="button" class="btn btn-default" id="select_group"><i class="fa fa-search"></i></button> </div> </div> </div> </div> ``` js頁面代碼 1.單選模式 ```js $('#select_group').click(function () { var checkedGroupId = $('#parentid').val(); var options={ selectModel :'radio', title: '上級用戶分組', checked :checkedGroupId }; Selector.api.selectGroup(function (data) { if (data && data.length > 0) { var itemData = data[0]; $('#parentname').val(itemData.text); $('#parentid').val(itemData.id); } else { $('#parentname').val(''); $('#parentid').val(''); } }, options); }); ``` 2.多選模式 ```js $('#select_group').click(function () { var checkedGroupId = $('#parentid').val(); var options={ selectModel:'checkbox', title: '上級用戶分組', checked:checkedGroupId }; Selector.api.selectGroup(function (data) { if (data && data.length > 0) { var ids = []; var texts = []; data.forEach(function (value, index) { ids.push(value.id); texts.push(value.text); }); $('#parentid').val(ids.join(',')); $('#parentname').val(texts.join(',')); } else { $('#parentname').val(''); $('#parentid').val(''); } }, { selectMode: 'checkbox', title: '上級用戶分組', checked: checkedGroupId }); }); ```