菜单和按钮(Menu and Button)

BeLite,做最好的wordpress移动主题,详情请访问BeLite官网:http://www.belite.mobi,子涵出品,值得信任。

使用方法:

<a href="#" id="btn" iconCls="icon-search">easyui</a>

$('#btn').linkbutton({
    plain:true
});
$('#btn').linkbutton('disable');    //禁用按钮
$('#btn').linkbutton('enable');     //启用按钮

属性:

名称 类型 描述 默认值
id(ID) string(字符串) 分配给该组件的ID。 null
disabled(禁用) boolean(布尔型) 设置为true将禁用按钮。 false
plain(简洁模式) boolean(布尔型) 设置为true将显示简洁效果。 false
text(文本) string(字符串) 显示在按钮上的文本。 ''
iconCls(图标CSS类) string(字符串) 用来在左边显示一个16x16大小图标的css类。 null

方法:

名称 参数 描述
options none 返回属性对象。
disable none 禁用按钮。
enable none 启用按钮。

依赖关系:

使用方法:

<<a href="javascript:void(0)" id="sb" iconCls="icon-ok" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
    <div iconCls="icon-ok">Ok</div>
    <div iconCls="icon-cancel">Cancel</div>
</div>

$('#sb').splitbutton({
    menu:'#mm'
});

属性:

属性继承链接按钮, 以下是分隔按钮的独有属性。

名称 类型 描述 默认值
plain(简洁模式) boolean(布尔型) 设置为true将显示简洁效果。 true
menu(菜单) string(字符串) 用来创建一个相应菜单的选择器。 null
duration(持续时间) number(数字) 定义鼠标划过按钮时显示菜单所持续的时间,单位为毫秒。 100

方法:

名称 参数 描述
options none 返回属性对象。
disable none 禁用分隔按钮。
enable none 启用分隔按钮。