jQueryのEasyUIメニューとボタンウィジェット - Splitbutton分割ボタン
$ .fn.linkbutton.defaultsから延長しました。 $ .fn.splitbutton.defaultsして、デフォルトのデフォルトを上書きします。
そして、同様のメニューボタン(メニューボタン)、リンクボタン(LinkButtonコントロール)とサムネイルボタン(splitbutton)のメニュー(メニュー)。 メニューボタン(メニューボタン)が異なっている、分割ボタン(splitbutton)は2つの部分に分割されます。 分割ボタン(splitbutton)上にマウスを移動すると、それは分割線が表示されます。 あなただけが分割ボタンの右側の部分はメニュー(メニュー)を表示するためにマウスを移動すると。
頼ります
- メニューボタン
使用法
タグ(splitbutton)からスプリットボタンを作成します。
<a href = "javascriptを:無効(0)" ID = "SB"クラス= "easyui-splitbutton」 データ・オプション= "メニュー: '#ミリメートル」、iconCls:'アイコン-OK '" onclickの= "javascriptの:警告(' OK ')"> [OK]をします</a> <DIVのID = "ミリメートル"スタイル= "幅:100pxに;"> <DIVデータ・オプション= "iconCls: 'アイコン-OK'"> OK </ DIV> <DIVデータ・オプション= "iconCls: 'アイコン-キャンセル'"> </ div>のキャンセル </ DIV>
スプリットボタン(splitbutton)を作成するにはJavaScriptを使用してください。
<a href="javascript:void(0)" id="sb" onclick="javascript:alert('ok')"> [OK]をします</a> <DIVのID = "ミリメートル"スタイル= "幅:100pxに;"> ... </ DIV>
$( '#のSb')。Splitbutton({ iconCls:「アイコン-OK」、 メニュー: '#MM」 });
プロパティ
プロパティは、リンクボタン(LinkButtonコントロール)から延び、以下は分割ボタン(splitbutton)増加した特性です。
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
plain | boolean | 如果设置为 true,则显示一个简单的效果。 | true |
menu | string | 用于创建对应菜单(menu)的选择器。 | null |
duration | number | 当悬停在按钮上时,以毫秒为单位定义的,显示菜单(menu)的持续时间。 | 100 |
ウェイ
リンクボタン(LinkButtonコントロール)から継承されたメソッドは、次のように分割ボタン(splitbutton)増加またはメソッドをオーバーライドしています。
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
disable | none | 禁用分割按钮(splitbutton)。代码实例:
$('#sb').splitbutton('disable'); |
enable | none | 启用分割按钮(splitbutton)。代码实例:
$('#sb').splitbutton('enable'); |
destroy | none | 销毁分割按钮(splitbutton)。 |
jQueryのEasyUIプラグイン