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

Jquery Easyui對(duì)話框組件Dialog使用詳解（14）

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

Dialog對(duì)話框組件依賴于Window(窗口)組件、linkbutton 組件

加載方式

Class加載

  <div class="easyui-dialog"
     title="彈出框"
     data-options="iconCls:'icon-add',resizable:true,modal:true"
     style="width: 400px;height: 200px;">
    彈出框內(nèi)容
  </div>

JS調(diào)用加載

 <div id="box">
 彈出框內(nèi)容
 </div>
 <div id="tt">
 <a href="#" class="easyui-linkbutton"
 data-options="iconCls:'icon-edit',plain:true">編輯</a>
 <a href="#" class="easyui-linkbutton"
 data-options="iconCls:'icon-help',plain:true">幫助</a>
 </div>

 <script>
 $(function () {
 $('#box').dialog({
 width : 400,
 height : 200,
 title : '彈出框標(biāo)題',
 modal : true,
 // 是否顯示可折疊按鈕
 collapsible : false,
 // 是否顯示最小化按鈕
 minimizable : false,
 // 是否顯示最大化按鈕
 maximizable : false,
 // 是否可以改變對(duì)話框窗口大小
 resizable : false,
 // 設(shè)置對(duì)話框窗口頂部工具欄
 //buttons : '#tt',
 toolbar : [{
  text : '編輯',
  iconCls : 'icon-edit',
  handler : function () {
  alert('edit');
  },
 }, {}],
 // 對(duì)話框窗口底部按鈕
 buttons : [{
  text : '保存',
  iconCls : 'icon-ok',
  handler : function () {
  alert('save');
  }
 },{}]

 })
 });
 </script>

屬性列表

窗口屬性擴(kuò)展自 Window(面板)，窗口新增或重新定義的屬性如下

 

Dialog 是繼承自 Window 組件的，所以 Window 組件和 Panel 組件均可用

事件列表

窗口的事件完整繼承自 Window(面板)。所以，直接參考 Window 面板的事件即可。

//Dialog 事件
$('#box').dialog({
 width : 600,
 height : 400,
 modal : true,
 onClose : function () {
 alert('關(guān)閉后觸發(fā)！');
 },
});

方法列表

對(duì)話框的方法擴(kuò)展自 Window(窗口)，對(duì)話框新增方法如下

//返回外部窗口對(duì)象
//console.log($('#box').window('dialog'));
//使用$.fn.window.defaults 重寫默認(rèn)值對(duì)象。

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

相關(guān)文章

最新評(píng)論