欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery Easyui分割按鈕組件SplitButton使用詳解（17）

 更新時(shí)間：2016年12月18日 15:41:51   作者：Jsakura  
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui分割按鈕組件SplitButton的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

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'">恢復(fù)</div>
  <div class="menu-sep"></div>
  <div>剪切</div>
  <div>復(fù)制</div>
  <div>粘貼</div>
  <div class="menu-sep"></div>
  <div data-options="iconCls:'icon-remove'">刪除</div>
  <div>全選</div>
 </div>

Js調(diào)用加載

 <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'">恢復(fù)</div>
  <div class="menu-sep"></div>
  <div>剪切</div>
  <div>復(fù)制</div>
  <div>粘貼</div>
  <div class="menu-sep"></div>
  <div data-options="iconCls:'icon-remove'">刪除</div>
  <div>全選</div>
 </div>
 <script>
  $(function () {
   $('#edit').splitbutton({
    // 是否顯示簡(jiǎn)易效果
    plain : false,
    // 用來創(chuàng)建一個(gè)對(duì)應(yīng)菜單的選擇器。
    menu : '#box',
    // 定義鼠標(biāo)劃過按鈕時(shí)顯示菜單所持續(xù)的時(shí)間，單位為毫秒。
    duration : 100,
   })
  });
 </script>

屬性列表

其他屬性，參考依賴組件 LinkButton

菜單方法

//返回屬性對(duì)象
console.log($('#edit').splitbutton('options'));

//禁用菜單按鈕
$('#edit').splitbutton('disable');

//啟用菜單按鈕
$('#edit').splitbutton('enable');

//銷毀菜單按鈕
$('#edit').splitbutton('destroy');

//擴(kuò)展自$.fn.linkbutton.defaults。使用$.fn.splitbutton.defaults 重寫默認(rèn)值對(duì)象。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論