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

版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将给予删除