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的文章！