logo

EasyUI 链接按钮2012-06-27

通常使用<button>元素创建按钮。链接按钮使用A元素创建,事实上,链接按钮是A元素但显示为按钮样式。
创建链接按钮,首先创建A元素:
<h3>DEMO1</h3>

<div style="padding:5px;background:#efefef;width:500px;">

    <a href="#" class="easyui-linkbutton" icon="icon-cancel">Cancel</a>

    <a href="#" class="easyui-linkbutton" icon="icon-reload">Refresh</a>

    <a href="#" class="easyui-linkbutton" icon="icon-search">Query</a>

    <a href="#" class="easyui-linkbutton">text button</a>

    <a href="#" class="easyui-linkbutton" icon="icon-print">Print</a>

</div>

 

<h3>DEMO2</h3>

<div style="padding:5px;background:#efefef;width:500px;">

    <a href="#" class="easyui-linkbutton" plain="true" icon="icon-cancel">Cancel</a>

    <a href="#" class="easyui-linkbutton" plain="true" icon="icon-reload">Refresh</a>

    <a href="#" class="easyui-linkbutton" plain="true" icon="icon-search">Query</a>

    <a href="#" class="easyui-linkbutton" plain="true">text button</a>

    <a href="#" class="easyui-linkbutton" plain="true" icon="icon-print">Print</a>

    <a href="#" class="easyui-linkbutton" plain="true" icon="icon-help"> </a>

    <a href="#" class="easyui-linkbutton" plain="true" icon="icon-save"></a>

    <a href="#" class="easyui-linkbutton" plain="true" icon="icon-back"></a>

</div>

icon属性是icon CSS类是在按钮上显示的图标。运行代码,出现:
\
一些时候,你可以决定禁用或者不禁用连接按钮,使用下面的代码可以禁用连接图标:
$(selector).linkbutton({disabled:true});

相关话题

热门搜索

  • EasyUI
  • 链接

扫描二维码分享话题