jQuery MiniUI 开发教程表单控件 Button：按钮（六）

最新推荐文章于 2022-06-07 08:40:14 发布

最新推荐文章于 2022-06-07 08:40:14 发布 · 2.6k 阅读

文章标签：

#jquery #UI #Ajax #JavaScript #google #ViewUI

这篇教程介绍了jQuery MiniUI库中的按钮控件，包括普通按钮、菜单按钮、按钮组和工具栏的创建与使用。通过实例展示了不同类型的按钮，如只包含文本、文本与图标、仅图标、平铺按钮以及图标位置等，并提供了菜单按钮的使用方法和工具栏的配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[b]Button：按钮[/b]
[img]http://www.miniui.com/docs/api/images/buttons.gif[/img]

参考示例： [url=http://www.miniui.com/demo/button/button.html]按钮[/url] [url=http://www.miniui.com/demo/button/menubutton.html]菜单按钮 [/url] [url=http://www.miniui.com/demo/button/radiobutton.html]按钮组[/url] [url=http://www.miniui.com/demo/toolbar/toolbar.html]工具栏[/url]

[b]创建按钮[/b]
<h4>Only Text</h4>
<a class="mini-button" onclick="onClick" enabled="false" >增加</a>
<a class="mini-button" onclick="onClick" >修改</a>

<h4>Text and Icon</h4>
<a class="mini-button" iconCls="icon-add" onclick="onClick" >增加</a>
<a class="mini-button mini-button-iconRight" iconCls="icon-edit" onclick="onClick" >修改</a>

<h4>Only Icon</h4>
<a class="mini-button" iconCls="icon-add" onclick="onClick"></a>
<a class="mini-button" iconCls="icon-edit" onclick="onClick"></a&g