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来设置属性值：

二、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设置的属性：

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) { });