在次封裝easyui-Dialog插件實現代碼
更新時間:2010年11月14日 19:26:43 作者:
在次封裝easyui-Dialog插件實現代碼,需要的朋友可以參考下。
復制代碼 代碼如下:
$.fn.hDialog = function (options) {
var defaults = {
width: 300,
height: 200,
title: '此處標題',
html: '',
iconCls: '',
submit: function () { alert('可執(zhí)行代碼.'); }
}
var id = $(this).attr('id');
options = $.extend(defaults, options);
var self = this;
$(self).dialog({
title: options.title,
height: options.height,
width: options.width,
iconCls: options.iconCls,
buttons: [{
text: '確定',
iconCls: 'icon-ok',
handler: options.submit
}, {
text: '取消',
iconCls: 'icon-cancel',
handler: function () {
$('#' + id).dialog('close');
}
}]
});
function createContent() {
$('.dialog-content',$(self)).empty().append('<div id="' + id + '_content" style="padding:5px;"></div>');
$('#' + id + "_content").html(options.html);
}
createContent();
}
調用:
復制代碼 代碼如下:
$(function(){
var d =$('<div id="d"></div>');
$('#d').hDialog({submit:function(){$(d).dialog('close');}});
})
您可能感興趣的文章:
- jQuery Dialog 彈出層對話框插件
- Jquery中dialog屬性小記
- Jquery插件 easyUI屬性匯總
- jQuery EasyUI API 中文文檔 - Form表單
- jQuery EasyUI API 中文文檔 - ComboBox組合框
- jQuery EasyUI API 中文文檔 - Dialog對話框
- jQuery EasyUI API 中文文檔 - DataGrid數據表格
- jQuery EasyUI API 中文文檔 - Tree樹使用介紹
- jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
- jQuery UI Dialog 創(chuàng)建友好的彈出對話框實現代碼
- Jquery EasyUI的添加,修改,刪除,查詢等基本操作介紹
- javascript實現的彈出層背景置灰-模擬(easyui dialog)
- jQuery前端框架easyui使用Dialog時bug處理
相關文章
jquery.lazyload 實現圖片延遲加載jquery插件
看到了淘寶產品介紹中,圖片是在下拉滾動條時加載,這是一個很不錯的用戶體驗。減少了頁面加載的時間了,也減輕了服務器的壓力,就查了下用JQuery..2010-02-02
jQuery插件HighCharts繪制2D柱狀圖、折線圖和餅圖的組合圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D柱狀圖、折線圖和餅圖的組合圖效果,結合實例形式分析了jQuery使用HighCharts插件同時繪制折線圖、柱狀圖、餅狀圖組合圖效果的操作步驟與相關實現技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery中使用data()方法讀取HTML5自定義屬性data-*實例
如果你使用jQuery類庫,那么你可以非常愉悅的使用jquery的data()方法存取data-* 自定義屬性,方法允許我們在DOM元素上綁定任意類型的數據,避免了循環(huán)引用的內存泄漏風險2014-04-04

