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

Jquery Easyui對話框組件Dialog使用詳解（14）

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

Dialog對話框組件依賴于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 : '彈出框標題',
 modal : true,
 // 是否顯示可折疊按鈕
 collapsible : false,
 // 是否顯示最小化按鈕
 minimizable : false,
 // 是否顯示最大化按鈕
 maximizable : false,
 // 是否可以改變對話框窗口大小
 resizable : false,
 // 設(shè)置對話框窗口頂部工具欄
 //buttons : '#tt',
 toolbar : [{
  text : '編輯',
  iconCls : 'icon-edit',
  handler : function () {
  alert('edit');
  },
 }, {}],
 // 對話框窗口底部按鈕
 buttons : [{
  text : '保存',
  iconCls : 'icon-ok',
  handler : function () {
  alert('save');
  }
 },{}]

 })
 });
 </script>

屬性列表

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

 

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

事件列表

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

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

方法列表

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

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

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論