Jquery Easyui分割按钮组件SplitButton使用详解（17）

SpliButton组件依赖于Menu（菜单）组件和 LinkButton（按钮）组件
加载方式
Class加载

 <a href="javascript:void（0）" id="edit" class="easyui-splitbutton"data-options="menu:"#box",iconCls:"icon-edit"">编辑</a> <div id="box" style="width:150px;"><div data-options="iconCls:"icon-undo"">撤销</div><div data-options="iconCls:"icon-redo"">恢复</div><div class="menu-sep"></div><div>剪切</div><div>复制</div><div>粘贴</div><div class="menu-sep"></div><div data-options="iconCls:"icon-remove"">删除</div><div>全选</div> </div>

Js调用加载

 <a href="javascript:void（0）" id="edit" >编辑</a> <div id="box" style="width:150px;"><div data-options="iconCls:"icon-undo"">撤销</div><div data-options="iconCls:"icon-redo"">恢复</div><div class="menu-sep"></div><div>剪切</div><div>复制</div><div>粘贴</div><div class="menu-sep"></div><div data-options="iconCls:"icon-remove"">删除</div><div>全选</div> </div> <script>$（function （） { $（"#edit"）.splitbutton（{// 是否显示简易效果plain : false,// 用来创建一个对应菜单的选择器。menu : "#box",// 定义鼠标划过按钮时显示菜单所持续的时间，单位为毫秒。duration : 100, }）}）; </script>

属性列表
其他属性，参考依赖组件 LinkButton

菜单方法

//返回属性对象console.log（$（"#edit"）.splitbutton（"options"））;//禁用菜单按钮$（"#edit"）.splitbutton（"disable"）;//启用菜单按钮$（"#edit"）.splitbutton（"enable"）;//销毁菜单按钮$（"#edit"）.splitbutton（"destroy"）;//扩展自$.fn.linkbutton.defaults。使用$.fn.splitbutton.defaults 重写默认值对象。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。