下拉表格指令ed-combogrid

下拉表格指令扩展了ed-combo,能够下拉选择表格的内容。

一 使用方法:

<div class="form-group">
	    <label class="col-md-3 control-label">下拉表格</label>
	     
	<div class="col-md-4">
	     
	   <div ed-combogrid ng-model="userId" data-options="     
	     
	   panelWidth: 500,     
	     
	   idField: 'userId',     
	     
	   textField: 'userName',     
	     
	   url: 'user/query.do',     
	     
	   data: {     
	     
	     
	  id: '1'     
	     
	   },     
	     
	   columns: [[     
	     
	     
	  {col:'_index',width:80},     
	     
	     
	  {col:'userCode',name:'用户名',width:120},     
	     
	     
	  {col:'userName',name:'用户姓名',width:80,align:'right'},     
	     
	     
	  {col:'gender | code : gender',name:'性别',width:80,align:'right'},     
	     
	     
	  {col:'telephone',name:'手机号码',width:200}     
	     
	   ]]     
	    ">
	     
	   </div>
	    </div>
	</div>
	

enter image description here

  • data-options用来指定表格显示内容
  • panelWidth下拉菜单宽度
  • idField主键key
  • textField名称的key
  • url请求url
  • data请求参数,这个data的参数只能在下拉表格第一次加载时有效,不能通过这个来进行赋值
  • columns表头,同动态表格
  • 必须指定ng-model用来绑定选择的值,值为id(ng-model与idField相同)或json
  • 赋值时,指令会将ng-model的值通过idField指定的key作为参数请求该url来进行查询

版权及转载说明

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

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