>[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); }); ```