JQuery MiniUI development tutorial navigation control ToolBar: ToolBar (1)

Reference: ToolBar: create a toolbar <div class = "mini-toolbar"> <a class = "mini-button" iconCls = "icon-add"> add </a> <a class =" mini-button "iconCls =" icon-edit "> modify </a> <a class =" mini-button "iconCls =" icon-remove "> Delete </a> <span class = "separator"> </span> <a class = "mini-button" plain = "true"> Add </a> <a class = "mini-button" plain = "true"> modify </a> <a class = "mini-button" plain = "true"> Delete </a> <span class = "separator"> </span> <input class = "mini-textbox"/> <a class = "mini-button" plain = "true"> query </a> </div> complex Toolbar <div id = "toolbar1" class = "mini-toolbar" style = "padding: 2px; "> <table style =" width: 100%; "> <tr> <td style =" width: 100%; "> <a class =" mini-menubutton "plain =" true "menu =" # popupMenu "> file </a> <a class =" mini-button "iconCls =" icon-addfolder "plain =" true "enabled =" false "> Add </a> <a class =" mini-button "iconCls =" icon-edit "plain =" true ""> modify </a> <a class =" mini-button "iconCls =" icon-remove "plain =" true "> Delete </a> <span class =" separator "> </span> <a class =" mini-button "iconCls =" icon-reload "plain =" true "> refresh </a> <a class =" mini- button "iconCls =" icon-download "plain =" true "> download </a> </td> <td style =" white-space: nowrap; "> <label style =" font-family: Verdana; "> Filter: </label> <input class = "mini-textbox"/> </td> </tr> </table>