Balloon.2.6 —— UI组件之弹出窗

最新推荐文章于 2014-03-14 15:18:27 发布

原创最新推荐文章于 2014-03-14 15:18:27 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery插件

Balloon组件专栏收录该内容

15 篇文章

订阅专栏

本文深入探讨了组合框组件的实现原理、配置属性及使用方法，包括openType、isHaveText、isVerify等关键属性的详细解释，以及组件模板的生成逻辑。同时介绍了组件的通用方法和实例应用。

方法入口

var $combo = $().$b("combo",config)  //返回组件的jQuery对象，即下面模板的jQuery对象

组件模板

<span class="combo">
<% if(isHaveText){ %>
<input 
	id="<%= id %>" 
	name="<%= name %>"
	value="<%= defaultValue %>" 
	class="blo_input" />
<% } %>
<% if(openType == "pop"){ %>
<div class="btn" >
	<div class="icon icon-r"></div>
</div>
<div class="box dialogBox"></div>
<% }else{ %>
<div class="btn" >
	<div class="icon icon-d"></div>
	<div class="box comboBox"></div>
</div>
<% } %>
</span>

配置属性(通用属性参看2.3节)

属性名	类型	默认值	说明
openType	String	combo	打开方式，pop或者combo
isHaveText	Boolean	true	是否有文本框
isVerify	Boolean	false	组件是否需要验证
beforeClick	function	空方法	按钮点击前事件，如果返回false，则不打开combo框
tplUrl	String	template/combo.html	模板路径