链接按钮

简介

链接按钮(linkButton)用于将caption指定的文字设置为超链接,可以设置其图标样式。 当设置了actionBinding属性绑定的WebAction是不可见时,将不会实例化该控件。


使用方法

2.1 静态框架使用方法 仅EAS7.5版本
<wafctrl:linkButton id="id" name="name" />
2.2 JS动态创建 EAS8.0+
var options = {
	id:"linkButton",
	tagClass:"btn",
	caption:"戳我",
	iconCls:"f-icon-anchor"
};
var dom = waf.createDOM("linkButton", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("linkButton", options, dom);
2.3 通用DOM创建 EAS8.0+
<a id="linkButton" ctrlrole="linkButton" class="ui-linkbutton enter2tab" data-domcreated="true" accesskey="" tabindex="0"><span class="ui-lb-text">示例</span></a>
<!--DOM创建好之后,使用js初始化控件-->
waf("#linkButton").wafLinkButton(options);
2.4 方法&事件使用 EAS7.5+
//调用方法
waf("#id").wafLinkButton('method', parameter...);
//eg:获取和设置值
waf("#id").wafLinkButton("getValue");
waf("#id").wafLinkButton("setValue");
//eg:更改事件
waf("#id").wafLinkButton("option","onchange",fn);

属性说明

id String 缺省值: null 不可以在运行期改变 EAS7.5+

定义超链接的id

caption String 缺省值: null EAS7.5+

定义超链接文字,可以是EL表达式

style String 缺省值: null EAS7.5+

定义超链接的样式

tagClass String 缺省值: null EAS7.5+

定义超链接控件的样式类

disabled Boolean 缺省值: false EAS7.5+

定义超链接是否为禁用状态,默认值为false

iconCls String 缺省值: null EAS7.5+

定义超链接文字左侧显示图标,属性值为class样式类名称。

text Boolean 缺省值: true EAS7.5+

定义是否显示链接文字,默认值为true,可用于仅显示图标的场景

tabindex Integer 缺省值: 0 EAS7.5+

定义按下tab键时控件获得焦点的顺序,默认值为0

actionBinding Object 缺省值: null 不可以在运行期改变 EAS7.5+

用于绑定WebAction,执行actionBinding中定义的操作。

hidden Boolean 缺省值: false EAS7.5+

定义超链接的隐藏状态,默认值为false


方法说明

​option 参数: (property[,value]) 返回值类型: (Object) EAS7.5+

获得或设置超链接某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值.[参考样例]

  • 参数说明:
        - property:必要参数,超链接的属性
        - value:可选参数,超链接的属性值
  • 返回值说明:
        - 当value参数不存在时,有返回值,该返回值为与property对应的属性值,可以是任意类型的javascript对象。

事件说明

onclick 参数:(event) 返回值类型: (Object) EAS7.5+

当点击超链接时,触发onclick事件。.[参考样例]


样例集合

  1. 链接按钮示例
  2. 按钮示例集合
  3. 动态化