jQuery MiniUI 开发教程 导航控件 ToolBar：工具栏（一）

ToolBar：工具栏

参考示例：ToolBar：工具栏

创建工具栏

<divclass="mini-toolbar">

<aclass="mini-button"iconCls="icon-add">增加</a>

<aclass="mini-button"iconCls="icon-edit">修改</a>

<aclass="mini-button"iconCls="icon-remove">删除</a>

<spanclass="separator"></span>

<aclass="mini-button"plain="true">增加</a>

<aclass="mini-button"plain="true">修改</a>

<aclass="mini-button"plain="true">删除</a>

<spanclass="separator"></span>

<inputclass="mini-textbox"/>

<aclass="mini-button"plain="true">查询</a>

</div>

复杂工具栏

<divid="toolbar1"class="mini-toolbar"style="padding:2px;">

<tablestyle="width:100%;">

<tr>

<tdstyle="width:100%;">

<aclass="mini-menubutton"plain="true"menu="#popupMenu">文件</a>

<aclass="mini-button"iconCls="icon-addfolder"plain="true"enabled="false">增加</a>

<aclass="mini-button"iconCls="icon-edit"plain="true">修改</a>

<aclass="mini-button"iconCls="icon-remove"plain="true">删除</a>

<spanclass="separator"></span>

<aclass="mini-button"iconCls="icon-reload"plain="true">刷新</a>

<aclass="mini-button"iconCls="icon-download"plain="true">下载</a>

</td>

<tdstyle="white-space:nowrap;"><labelstyle="font-family:Verdana;">Filterby:</label>

<inputclass="mini-textbox"/>

</td>

</tr>

</table>

</div>