Plugin Menu et Bouton jQuery EasyUI -Splitbutton

jQuery EasyUI 插件jQuery EasyUI Plugin

Hérite de $.fn.linkbutton.defaults. Remplacez les valeurs par défaut via $.fn.splitbutton.defaults.

Semblable au menubutton, le splitbutton est également associé au linkbutton et au menu. Contrairement au menubutton, le splitbutton est divisé en deux parties. Lorsque vous déplacez la souris sur le splitbutton, une ligne de séparation s'affiche. Le menu ne s'affichera que lorsque vous déplacez la souris sur la partie droite du splitbutton.

Dépendances

  • menubutton

Utilisation

Créer un splitbutton à partir du balisage.

<a href="#" id="sb" class="easyui-splitbutton"
    data-options="menu:'#mm',iconCls:'icon-ok'" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
    <div data-options="iconCls:'icon-ok'">Ok</div>
    <div data-options="iconCls:'icon-cancel'">Cancel</div>
</div>

Créer un splitbutton avec JavaScript.

<a href="#" id="sb" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
...
</div>

$('#sb').splitbutton({
    iconCls: 'icon-ok',
    menu: '#mm'
});

Propriétés

Les propriétés héritent de linkbutton. Voici les propriétés ajoutées de splitbutton.

Name Type Description Valeur par défaut
plain booléen Si défini sur true, un effet simple est affiché. vrai
menu string Un sélecteur utilisé pour créer le menu correspondant. null
duration nombre La durée, en millisecondes, pour afficher le menu lors du survol du bouton. 100

Méthodes

Les méthodes héritent de linkbutton. Voici les méthodes ajoutées ou redéfinies de splitbutton.

Name Paramètre Description
options none Renvoie l'objet options.
disable none Désactiver le splitbutton. Exemple de code :
$('#sb').splitbutton('disable');
enable none Activer le splitbutton. Exemple de code :
$('#sb').splitbutton('enable');
destroy none Détruire le splitbutton.
jQuery EasyUI 插件jQuery EasyUI Plugin Autres extensions