EasyUI 链接按钮

发布：2013/5/5 15:55:48作者：管理员来源：本站浏览次数：2081

通常使用<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 菜单

EasyUI 菜单按钮　

请在微信客户端打开链接实现办法 office word点击超级链接后如何返回？解决办法 .net6如何禁用控制台窗口的关闭按钮？在C#中Windows Console控制台设置控制台标题、禁用关闭按钮、关闭快速编辑模式、插入模式 c# .net core 微信、支付宝H5支付链接获取，支付回调方法，退款方法小计在C#中怎么实现百度链接批量提交源代码http post接口在C#中怎样判断访问来源是否为某搜索引擎链接的方法防CC攻击Nginx限制ip链接数/流量/带宽在C#中.NET Core使用AngleSharp解析百度和谷歌搜索结果html(链接、标题、描述) Nofollow是什么？告诉搜索引擎不要追踪此网页上的链接

柏港建站平台

柏港 EasyUI

柏港为您推荐了一些相关资讯