成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

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 重寫默認值對象。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持綠夏網。