>[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);
});
```
- 空白目錄
- 簡介
- 前端
- 組件
- 文件上傳
- 用戶選擇
- 組織機構選擇
- 角色崗位選擇
- 崗位選擇
- 用戶組選擇
- 高拍儀上傳
- 公共類庫
- 組織機構
- bindToOrg
- bindusertoremote
- getAncestors
- getAllChildIds
- getByOrgId
- getByThirdAppPkId
- getChilds
- getChildsCount
- getMasterOrg
- getOrgUserById
- getOrgUser
- getOrgRoleData
- getOrgRoleQuota
- getOrgRoleUserCount
- getParents
- getPosteritys
- getTreeArray
- getUserOrgs
- getUserOrgCount
- getUserOrgRoleInfo
- hasChild
- hasMasterOrg
- hasBind
- isOrgUser
- updateOrg
- 用戶管理
- getAuthorInfo
- getByDuty
- getByGroup
- getByMobile
- getByOrg
- getByUserId
- getByUserName
- getByRole
- getByToken
- getByThirdUserId
- getUserOrgs
- getUserRoles
- getUserList
- 統一待辦
- createTodo
- createHandle
- createRead
- removeTodo
- getTodoList
- setReaded