>[warning] 使用前請務必在js頁面引入**selector.js** #### 角色崗位選擇組件 >[info] selectRole: function (callback, options) {} * callback：確認選擇后的回調函數 * options：初始化參數 * checked：已選擇的角色 * selectMode：選擇模式 radio-單選 checkbox-多選 * startOrgId：選擇的起始組織機構節點編碼 * checkLevel：可以選擇的組織機構節點類型(此處配置可選擇單位及科室) * title：彈出選擇框標題 ```php { "checked":["1ee76534-3a19-46bf-8e52-54e89706fdf8"],//已選擇的角色 "selectMode":"radio",//選擇模式 radio-單選 checkbox-多選 "startOrgId":'HBDBKJ',//選擇的起始組織機構節點編碼 "checkLevel":"2,3" //可以選擇的組織機構節點類型(此處配置可選擇單位及科室) } ``` >[success]回調函數 選擇后的回調函數為二維數組，其格式如下： ```php [ {"id":"1","name":"科員","text":"科員"...} {"id":"1","name":"科員","text":"科員"...} ] ``` >[success]示例代碼 表單頁面代碼 ```html <div class="form-group"> <label for="" class="control-label col-xs-12 col-sm-2 label-required">角色崗位:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input type="text" readonly class="form-control" id="role_name" name="role_name" value="" placeholder="請選擇角色崗位" /> <input type="hidden" name="row[role_id]" id="role_id" value=""/> <div class="input-group-btn"> <button type="button" class="btn btn-default" id="btnRoleSelector" name="btnRoleSelector" style="padding: 4px 10px 3px;"><i class="iconfont iconrole-group"></i></button> </div> </div> </div> ``` js頁面代碼 ```js $('#btnRoleSelector').click(function () { var options= { title: '選擇角色', selectMode: 'checkbox', checked: $('#role_id').val() }; Selector.api.selectRole(function (data) { if (data && data.length > 0) { console.log('data', data); var ids = []; var names = []; data.forEach(function (value, index) { ids.push(value.id); names.push(value.name); }); $('#role_id').val(ids.join(',')); $('#role_name').val(names.join(',')); } else { $('#role_id').val(''); $('#role_name').val(''); } }, options); }); ```