EasyUI-LinkButton（按钮）
使用$.fn.linkbutton.defaults重写默认值对象。
按钮组件使用超链接按钮创建。它使用一个普通的<a>标签进行展示。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和折叠/展开以适应它的文本标签。
使用案例
创建按钮
使用标签创建按钮更加简单。
-
<a id=“btn” href=“#” class=“easyui-linkbutton” data-options=“iconCls:’icon-search'”>easyui</a>
也可以使用Javascript创建按钮。
-
<a id=“btn” href=“#”>easyui</a>
-
$(‘#btn’).linkbutton({
-
iconCls: ‘icon-search’
-
});
处理按钮的点击
点击按钮会将用户引导到其他页面。
-
<a href=“otherpage.php” class=“easyui-linkbutton” data-options=“iconCls:’icon-search'”>easyui</a>
下面的示例提示了一个警告信息。
-
<a href=“#” class=“easyui-linkbutton” data-options=“iconCls:’icon-search'”
-
onclick=“javascript:alert(‘easyui’)”>easyui</a>
Bind click handler using jQuery.
-
<a id=“btn” href=“#” class=“easyui-linkbutton” data-options=“iconCls:’icon-search'”>easyui</a>
-
$(function(){
-
$(‘#btn’).bind(‘click’, function(){
-
alert(‘easyui’);
-
});
-
});
属性
|
属性名 |
属性值类型 |
描述 |
默认值 |
|
id |
string |
组件的ID属性。 |
null |
|
disabled |
boolean |
为true时禁用按钮。 |
false |
|
toggle |
boolean |
为true时允许用户切换其状态是被选中还是未选择，可实现checkbox复选效果。（该属性自1.3.3版开始可用） |
false |
|
selected |
boolean |
定义按钮初始的选择状态，true为被选中，false为未选中。（该属性自1.3.3版开始可用） |
false |
|
group |
string |
指定相同组名称的按钮同属于一个组，可实现radio单选效果。（该属性自1.3.3版开始可用） |
null |
|
plain |
boolean |
为true时显示简洁效果。 |
false |
|
text |
string |
按钮文字。 |
” |
|
iconCls |
string |
显示在按钮文字左侧的图标(16×16)的CSS类ID。 |
null |
|
iconAlign |
string |
按钮图标位置。可用值有： |
left |
|
size |
string |
按钮大小。可用值有：‘small’,’large’。（该属性自1.3.6版开始可用） |
small |
事件
|
事件名 |
事件参数 |
描述 |
|
onClick |
none |
在点击按钮的时候触发。（该事件自1.3.6版开始可用） |
方法
|
方法名 |
方法参数 |
描述 |
|
options |
none |
返回属性对象。 |
|
resize |
param |
重置按钮。（该方法自1.4版开始可用） 代码示例： $(‘#btn’).linkbutton(‘resize’, { width: ‘100%’, height: 32 }); |
|
disable |
none |
禁用按钮。 代码示例： $(‘#btn’).linkbutton(‘disable’); |
|
enable |
none |
启用按钮。 代码示例： $(‘#btn’).linkbutton(‘enable’); |
|
select |
none |
选择按钮。（该方法自1.3.3版开始可用） |
|
unselect |
none |
取消选择按钮。（该方法自1.3.3版开始可用） |
声明: 除非转自他站（如有侵权，请联系处理）外，本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明：转自《EasyUI-LinkButton（按钮）》
本文地址：http://www.xiupu.net/archives-2431.html
关注公众号：
微信赞赏
支付宝赞赏
鲁公网安备 37011302000391号