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 重寫默認值對象。以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答