HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
Under normal circumstances, the use of <button> element to create a button, the button and the link (Link Button) is the use of <a> element to create. So this is actually a link button (Link Button) is displayed as a button style <a> elements.
To create a link button (Link Button), all you need to do is add a file called 'easyui-linkbutton' class attribute to <a> elements:
<Div style = "padding: 5px; background: #fafafa; width: 500px; border: 1px solid #ccc"> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel"> Cancel </a> <a href="#" class="easyui-linkbutton" iconCls="icon-reload"> Refresh </a> <a href="#" class="easyui-linkbutton" iconCls="icon-search"> Query </a> <a href="#" class="easyui-linkbutton"> text button </a> <a href="#" class="easyui-linkbutton" iconCls="icon-print"> Print </a> </ Div> <Div style = "padding: 5px; background: #fafafa; width: 500px; border: 1px solid #ccc"> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"> Cancel </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload"> Refresh </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"> Query </a> <a href="#" class="easyui-linkbutton" plain="true"> text button </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print"> Print </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save"> </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back"> </a> </ Div>
As you can see, iconCls property is an icon of the CSS class style, it displays an icon image on the button.
Sometimes you need to disable link button (Link Button) or enable it, the following code shows how to disable a link button (Link Button):
$ (Selector) .linkbutton ( 'disable'); // call the 'disable' method