位置：广州松河 > 技术支持 > EasyUI 链接按钮

EasyUI 链接按钮

来源：网络整理时间：2023/2/14 0:03:12 共 3615 浏览

通常使用<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 菜单按钮 | ·下一条：Jquery控制My97DatePicker控件的日期格式