用户组选择 · 政务云框架客户端开发手册

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