>[warning] 使用前請務必在js頁面引入**selector.js** #### 用戶選擇組件 >[info] selectUser: function (callback, options) {} * callback：確認選擇后的回調函數 * options：初始化參數 * checked：已選擇的人員 * max：可選人數的最大值 * selectMode：選擇模式 radio-單選 checkbox-多選 * startOrgId：選擇的起始組織機構節點編碼 * checkLevel：可以選擇的組織機構節點類型(此處配置可選擇單位及科室) * title：彈出選擇框標題 ```php { "checked":[ { UserId:"FDdQgC-CpiLcw-ETYFwo-mgJEsb", nickname: "彭楊" }, { UserId:"iqzgaO-IZULaJ-MmpCPo-ZrKBTu", nickname: "秦雪芳" } ], "max": 99999, "startOrgId":'HBDBKJ', "checkLevel":"2,3" } ``` >[success]回調函數 選擇后的回調函數為二維數組，其格式如下： ```php [{ "avatar":"http://xxxx/bizmail/aULrLTrj5KHfQrSOOjPwQxsmoCun4L4UicwdWPcNTsvCnbPLFFsX3sg/0", "nickname":"管理員", "orgId":"80ee444d-b32b-475c-9ba3-cc4b80ecb53d", "orgName":"湖北道邦科技有限公司", "postId":"", "postName":''", "sysUserId":"768adc51-c0b0-4ccb-a8e6-d8300eb161b1", "userId":"1", "username":"admin" }] ``` >[success]示例代碼 表單頁面代碼 ```html <div class="form-group"> <label class="col-xs-2 control-label">處理人：</label> <div class="col-xs-10"> <div class="input-group" style="width:80%;"> <input type="text" name="userNames" id="userNames" value="" class="form-control" data-rule="required" readonly="readonly" data-msg-required="請選擇處理人" data-target="#err_user_ids" /> <input type="hidden" name="userIds" id="userIds" value="" /> <div class="input-group-btn"> <button type="button" name="btnUserSelector" id="btnUserSelector" class="btn btn-success"><i class="fa fa-user"></i> 選擇</button> </div> </div> <div class="help-block" id="err_user_ids"></div> </div> </div> ``` js頁面代碼 ```js $('#btnUserSelector').on('click',function(){ var checkedUserId = $('#userIds').val(); var options= { selectMode: 'radio', title:'處理人', checked: checkedUserId }; Selector.api.selectUser(function (data) { if (data && data.length > 0) { var itemData = data[0]; $('#transferUserNames').val(itemData.nickname); $('#transferUserIds').val(itemData.sysUserId); }else{ $('#transferUserNames').val(''); $('#transferUserIds').val(''); } }, options); }); ```