通用下拉指令ed-combo

通用下拉指令扩展了普通的select下拉菜单,能够自定义下拉菜单的内容。

一 使用方法:

<div class="form-group">
	    <label class="col-md-3 control-label">通用下拉菜单</label>
	     
	<div class="col-md-4">
	     
	   <div ed-combo="combo" data-options="panelWidth: 300">
	     
	     
	  <div>
	     
	     
	     
	 <span>自定义下拉内容</span>
	     
	     
	     
	 <button type="button" class="btn" ng-click="combo.setText('text');">设置值</button>
	     
	     
	     
	 <button type="button" class="btn" ng-click="combo.hide();">关闭</button>
	     
	     
	  </div>
	     
	   </div>
	    </div>
	</div>
	

enter image description here

  • 通过ed-combo指定下拉框的名称
  • 绑定到ed-combo名称下有以下方法:
    • show()显示下拉框
    • hide()隐藏下拉框
    • setText(text)设置输入框的值
  • 通过data-options="panelWidth: 300"设置下拉框的宽度

版权及转载说明

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

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