LinkButton(按钮)

使用$.fn.linkbutton.defaults重写默认值对象。


按钮组件使用超链接按钮创建。它使用一个普通的< a>标签进行展示。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和折叠/展开以适应它的文本标签。


创建按钮


使用标签创建按钮更加简单。

也可以使用Javascript创建按钮。


                    easyui
                        $('#btn').linkbutton({
                            iconCls: 'icon-search'
                        });
         

处理按钮的点击


点击按钮会将用户引导到其他页面。

            easyui
        

下面的示例提示了一个警告信息。

            easyui
        

使用jQuery绑定点击事件。

        easyui
        
                $(function(){
                    $('#btn').bind('click', function(){
                        alert('easyui');
                    });
                });
        
属性名 属性值类型 描述 默认值
width number 组件的宽度。(该属性自1.4版开始可用) null
height number 组件的高度。(该属性自1.4版开始可用) null
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 显示在按钮文字左侧的图标(16x16)的CSS类ID。 null
iconAlign string 按钮图标位置。可用值有:
'left','right'(该属性自1.3.2版开始可用)
'top','bottom'(该属性自1.3.6版开始可用)
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版开始可用)