jQuery EasyUI Plugin Menu et Bouton -Linkbutton

jQuery EasyUI 插件jQuery EasyUI Plugin

Remplacez les valeurs par défaut via $.fn.linkbutton.defaults.

Le linkbutton est utilisé pour créer un bouton hyperlien. Il représente une balise <a> normale. Il peut afficher une icône et du texte, ou seulement l'un des deux. La largeur du bouton peut se réduire/s'étendre dynamiquement pour s'adapter à son libellé.

Utilisation

Créer un linkbutton

Créer un linkbutton à partir du balisage est plus facile.

<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

Créer un linkbutton par programmation est également autorisé.

<a id="btn" href="../index.html">easyui</a>
$('#btn').linkbutton({
    iconCls: 'icon-search'
});

Gérer les clics sur le linkbutton.

Un clic sur le linkbutton redirigera l'utilisateur vers une autre page.

<a href="otherpage.php.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

L'exemple suivant affichera une boîte d'alerte avec un message.

<a href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
    onclick="javascript:alert('easyui')">easyui</a>

Utiliser jQuery pour lier le gestionnaire de clic.

<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

$(function(){
    $('#btn').bind('click', function(){
        alert('easyui');
    });
});

Attributes

Name Type Description Valeur par défaut
id string L'attribut id du composant. null
disabled booléen Si défini sur true, le bouton est désactivé. false
toggle booléen Si défini sur true, l'utilisateur est autorisé à basculer l'état sélectionné du bouton. Cet attribut est disponible depuis la version 1.3.3. false
selected booléen Définit si l'état du bouton est sélectionné. Cet attribut est disponible depuis la version 1.3.3. false
group string Indique le nom du groupe auquel le bouton appartient. Cet attribut est disponible depuis la version 1.3.3. null
plain booléen Si défini sur true, un effet simple est affiché. false
text string Le texte du bouton. ''
iconCls string Une classe CSS pour afficher une icône 16x16 à gauche. null
iconAlign string La position de l'icône du bouton. Valeurs possibles : 'left', 'right'. Cet attribut est disponible depuis la version 1.3.2. left

Méthodes

Name Parameters Description
options none Retourne la propriété options.
disable none Désactiver le bouton.
Exemple de code :
$('#btn').linkbutton('disable');
enable none Activer le bouton.
Exemple de code :
$('#btn').linkbutton('enable');
select none Sélectionner le bouton. Cette méthode est disponible depuis la version 1.3.3.
unselect none Désélectionner le bouton. Cette méthode est disponible depuis la version 1.3.3.
jQuery EasyUI 插件jQuery EasyUI Plugin Autres extensions