jQuery MiniUI 开发教程 表单控件 Button:按钮(六)
Button:按钮
参考示例: 按钮 菜单按钮 按钮组 工具栏
创建按钮
<h4>Only Text</h4>
<a onclick="onClick" enabled="false" >增加</a>
<a onclick="onClick" >修改</a>
<h4>Text and Icon</h4>
<a iconCls="icon-add" onclick="onClick" >增加</a>
<a iconCls="icon-edit" onclick="onClick" >修改</a>
<h4>Only Icon</h4>
<a iconCls="icon-add" onclick="onClick"></a>
<a iconCls="icon-edit" onclick="onClick"></a>
<h4>Plain</h4>
<a plain="true" iconCls="icon-add" onclick="onClick">增加</a>
<a plain="true" iconCls="icon-edit" onclick="onClick">修改</a>
<a plain="true" iconCls="icon-remove" onclick="onClick">删除</a>
<h4>Icon Position</h4>
<a iconCls="icon-add" onclick="onClick" >增加</a>
<a iconCls="icon-edit" onclick="onClick" >修改</a>
<h4>A Link</h4>
<a href="http://www.google.com">Google</a>
<a href="http://www.baidu.com">Baidu</a>
菜单按钮
<a menu="#popupMenu" >选择...</a>
<ul id="popupMenu" style="display:none;">
<li>
<span >操作</span>
<li iconCls="icon-new" onclick="onItemClick">新建</li>
<li onclick="onItemClick">增加</li>
<li iconCls="icon-edit" onclick="onItemClick">修改</li>
<li iconCls="icon-remove" onclick="onItemClick">删除</li>
</li>
<li >打开</li>
<li iconCls="icon-remove" >关闭</li>
</ul>
工具栏
<div iconCls="icon-add">增加</a>
<a iconCls="icon-edit">修改</a>
<a iconCls="icon-remove">删除</a>
<span plain="true">增加</a>
<a plain="true">修改</a>
<a plain="true">删除</a>
<span />
<a plain="true">查询</a>
</div>