jQuery EasyUI menu et bouton widget - bouton partagé SplitButton
Extended de .fn.linkbutton.defaults de $. Par $ .fn.splitbutton.defaults remplacent les valeurs par défaut par défaut.
Et le bouton de menu (menubutton) similaire, le bouton de liaison (linkbutton) et le menu (menu) sur le bouton de la vignette (SplitButton). Et le bouton de menu (menubutton) est différent, bouton de division (de SplitButton) est divisé en deux parties. Lors du déplacement de la souris sur le bouton de partage (SplitButton) sur, il affiche une ligne de démarcation. Seulement lorsque vous déplacez la souris lorsque la partie droite du bouton partagé pour afficher le menu (menu).
Fiez
- menubutton
usage
Bouton Créer scission de la balise (SplitButton).
<A href = "javascript: void (0)" id = class "sb" = "easyui-SplitButton" données-options = "du menu: '# mm', iconCls:« icon-ok ' "onclick =" javascript: alert (' ok ') "> Ok </a> <Div id = style "mm" = "width: 100px;"> <div données-options = "iconCls:" icon-ok ' "> Ok </ div> <Div data-options = "iconCls:" icon-cancel ' "> Annuler </ div> </ Div>
Utilisez javascript pour créer le bouton split (de SplitButton).
<a href="javascript:void(0)" id="sb" onclick="javascript:alert('ok')"> </a> Ok <Div id = style "mm" = "width: 100px;"> ... </ Div>
$ ( '# Sb'). SplitButton ({ iconCls: «icon-ok ', Menu: '#mm' });
propriété
La propriété s'étend à partir du bouton de liaison (linkbutton), ce qui suit est le bouton de partage (de SplitButton) a augmenté de propriétés.
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
plain | boolean | 如果设置为 true,则显示一个简单的效果。 | true |
menu | string | 用于创建对应菜单(menu)的选择器。 | null |
duration | number | 当悬停在按钮上时,以毫秒为单位定义的,显示菜单(menu)的持续时间。 | 100 |
manière
La méthode héritée à partir du bouton de liaison (linkbutton), ce qui suit est le bouton de partage (de SplitButton) augmenté ou méthodes de substitution.
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
disable | none | 禁用分割按钮(splitbutton)。代码实例:
$('#sb').splitbutton('disable'); |
enable | none | 启用分割按钮(splitbutton)。代码实例:
$('#sb').splitbutton('enable'); |
destroy | none | 销毁分割按钮(splitbutton)。 |
jQuery EasyUI plug - in