EasyUI Linkbutton 链接按钮/easyui的学习网站

https://www.jeasyui.net/plugins/187.html

关于easyui的学习，可以在这个网站：https://www.jeasyui.net/

链接按钮（linkbutton）用于创建一个超链接按钮。它是一个正常的 <a> 标记的表示。它可显示图标和文本，或者仅仅显示图标和文本中的一个。按钮宽度可动态收缩/扩展以适应其文本标签。

用法

创建链接按钮（linkbutton）

从标记创建链接按钮（linkbutton）更容易。

1. <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

编程创建链接按钮（linkbutton）也是允许的。

1. <a id="btn" href="#">easyui</a>
2. $('#btn').linkbutton({
3. iconCls: 'icon-search'
4. });

处理链接按钮（linkbutton）上的点击。

链接按钮（linkbutton）上的点击将把用户引导到其他页面。

1. <a href="otherpage.php" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

下面的实例将警告一个消息。

1. <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
2. onclick="javascript:alert('easyui')">easyui</a>

使用 jQuery 绑定 click 处理程序。

1. <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

1. $(function(){
2. $('#btn').bind('click', function(){
3. alert('easyui');
4. });
5. });

属性

方法