jQuery EasyUI menus et boutons - bouton Créer un lien
Dans des circonstances normales, l'utilisation de la touche <> pour créer un bouton, le bouton et le lien (bouton Link) est l'utilisation de <a> élément à créer. Donc, cela est en fait un bouton de lien (Link Button) est affiché comme un style de bouton <a> éléments.
Pour créer un bouton de lien (Link Button), tout ce que vous devez faire est d'ajouter un fichier appelé 'easyui-linkbutton' attribut class pour <a> éléments:
<Style Div = "padding: 5px; fond: #fafafa; largeur: 500px; border: 1px solid #ccc"> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel"> Annuler </a> <a href="#" class="easyui-linkbutton" iconCls="icon-reload"> Actualiser </a> <a href="#" class="easyui-linkbutton" iconCls="icon-search"> Query </a> <a href="#" texte class="easyui-linkbutton"> bouton </a> <a href="#" class="easyui-linkbutton" iconCls="icon-print"> Imprimer </a> </ Div> <Style Div = "padding: 5px; fond: #fafafa; largeur: 500px; border: 1px solid #ccc"> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"> Annuler </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload"> Actualiser </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"> Query <a href="#" class="easyui-linkbutton" plain="true"> texte bouton </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print"> Imprimer </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>
Comme vous pouvez le voir, la propriété iconCls est une icône du style de classe CSS, il affiche une image d'icône sur le bouton.
Parfois, vous devez désactiver le bouton de liaison (Link Button) ou lui permettre, le code suivant montre comment désactiver un bouton de lien (Link Button):
$ (Selector) .linkbutton ( 'disable'); // appeler la méthode 'disable'