>[warning] 使用前请务必在js页面引入**selector.js** #### 组织机构选择组件 >[info] selectOrg: function (callback, options) {} * callback：确认选择后的回调函数 * options：初始化参数 * checked：已选择的组织机构 * selectMode：选择模式 radio-单选 checkbox-多选 * startOrgId：选择的起始组织机构节点编码 * checkLevel：可以选择的组织机构节点类型(此处配置可选择单位及科室) * title：弹出选择框标题 ```php { "checked":"1,b,c",//已选择的组织机构节点 "selectMode":"radio",//选择模式 radio-单选 checkbox-多选 "startOrgId":'HBDBKJ',//选择的起始组织机构节点编码 "checkLevel":"2,3" //可以选择的组织机构节点类型(此处配置可选择单位及科室) } ``` >[success]回调函数 选择后的回调函数为二维数组，其格式如下： ```php [ {"orgId":"93f2614c-39bd-4c38-b165-48a9981753b6","orgName":"综合科"}, {"orgId":"a9e45202-2b86-4a66-a3ec-a88c6ea08d5a","orgName":"客户部"} ] ``` >[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="readonly" class="form-control" id="org_name" name="org_name" value="" placeholder="请选择所属部门" /> <input type="hidden" name="row[org_id]" id="org_id" value=""/> <div class="input-group-btn"> <button type="button" class="btn btn-default" id="btnOrgSelector" name="btnOrgSelector" style="padding: 4px 10px 3px;"><i class="iconfont iconorganization"></i></button> </div> </div> </div> </div> ``` js页面代码 ```js $('#btnOrgSelector').on('click', function () { var options= { selectMode: 'checkbox', checked: $('#org_id').val() }; Selector.api.selectOrg(function(data){ if (data && data.length > 0) { var ids = []; var names = []; data.forEach(function (value, index) { ids.push(value.orgId); names.push(value.orgName); }); $('#org_id').val(ids.join(',')); $('#org_name').val(names.join(',')); } else { $('#org_id').val(''); $('#org_name').val(''); } },options) }) ```