jQuery EasyUI使用教程之创建一个链接按钮

<jQuery EasyUI最新版下载>

本教程主要为大家展示如何使用jQuery EasyUI创建一个链接按钮。通常情况下，使用“button/”元素来创建一个按钮；使用“a/”元素来创建链接按钮。所以事实上一个链接按钮是一个显示为按钮样式“a/”元素。

查看演示

为了创建一个链接按钮，你所需要做的就是添加一个名为'easyui-linkbutton'的类属性到“a/”元素中：

< div style = "padding:5px;background:#fafafa;width:500px;border:1px solid #ccc" >
< a href = "#" class = "easyui-linkbutton" iconcls = "icon-cancel" >Cancel</ a >
< a href = "#" class = "easyui-linkbutton" iconcls = "icon-reload" >Refresh</ a >
< a href = "#" class = "easyui-linkbutton" iconcls = "icon-search" >Query</ a >
< a href = "#" class = "easyui-linkbutton" >text button</ a >
< a href = "#" class = "easyui-linkbutton" iconcls = "icon-print" >Print</ a >
</ div >

< div style = "padding:5px;background:#fafafa;width:500px;border:1px solid #ccc" >
< a href = "#" class = "easyui-linkbutton" plain = "true" iconcls = "icon-cancel" >Cancel</ a >
< a href = "#" class = "easyui-linkbutton" plain = "true" iconcls = "icon-reload" >Refresh</ a >
< a href = "#" class = "easyui-linkbutton" plain = "true" iconcls = "icon-search" >Query</ a >
< a href = "#" class = "easyui-linkbutton" plain = "true" >text button</ a >
< a href = "#" class = "easyui-linkbutton" plain = "true" iconcls = "icon-print" >Print</ a >
< a href = "#" class = "easyui-linkbutton" plain = "true" iconcls = "icon-help" ></ a >
< a href = "#" class = "easyui-linkbutton" plain = "true" iconcls = "icon-save" ></ a >
< a href = "#" class = "easyui-linkbutton" plain = "true" iconcls = "icon-back" ></ a >
</ div >

正如你所看到的那样，iconCls属性是一个icon CSS类，它在按钮上显示一个icon图片。

有时你可能需要禁用或启用该链接按钮，下面的代码演示了如何禁用链接按钮：

$(selector).linkbutton('disable'); // call the 'disable' method

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章！