ed-combobox普通下拉选项和ed-combotree下拉树菜单

一、ed-combobox普通下拉菜单：

<select class="form-control" ed-combobox ng-model="deptId"
    data-options="idField: 'deptId', textField: 'deptName', url: 'department/tree.do'"></select>

ed-combobox仅支持单选，通过data-options来设置属性值：

• idField返回json中的id标示
• textField返回json中的name标示
• url请求url

二、ed-combotree下拉树菜单：

<div ed-combotree ed-multiple="false" ed-key="parentDeptId,deptId,deptName" ed-data="depts"
    ng-model="user.dept" placeholder="请选择"></div>

<div ed-combotree data-options="idField: 'deptId', textField: 'deptName', parentIdField: 'parentDeptId', url: 'department/tree.do'"
                 ng-model="dept" placeholder="请选择"></div>

ed-combotree：定义树形下拉列表

• 通过data-options设置的属性：

  • multiple：单选还是多选，默认false单选
  • idField返回json中的id标示
  • textField返回json中的name标示
  • parentIdField：返回json中父id标示
  • url：指定获取数据的URL地址，如果指定了ed-data将会忽略该属性
  • original：设置其他ztree原生的属性，比如设置多选时是否级联选择，可通过：original: {check:{chkStyle: 'checkbox', chkboxType: {'Y': '', 'N': '' }}

• ed-data：树的数据，从controller的$scope中获取

• ed-selectable：设置某些节点是否能够选择，这个属性指定当前页面controller里面的一个方法：ed-selectable="selectable(data)"，返回true|false，方法名称可以随意，参数固定为data；如果不指定该方法，则认为所有节点都能够选择

ed-combotree返回值

如果ng-model最后一个小数点后面部分与idField或parentIdField相同，返回选取的id或ids字符串拼接，否则返回选取的item或item数组

ed-combotree下拉树赋值

设置ng-model指定的model的值即可，单选情况下只需指定value，多选需指定jsonarray，如示例：

单选：$scope.user.dept = '5'

多选：$scope.user.dept = [{deptId: '5'}, {deptId: '6'}] 或$scope.user.dept = '5,6'

三、添加change事件

添加对ng-model指定的model的$watch，如示例：

$scope.$watch('user.dept', function(newValue, oldValue) {

});