在次封裝easyui-Dialog插件實現(xiàn)代碼
更新時間:2010年11月14日 19:26:43 作者:
在次封裝easyui-Dialog插件實現(xiàn)代碼,需要的朋友可以參考下。
復制代碼 代碼如下:
$.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();
}
調(diào)用:
復制代碼 代碼如下:
$(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數(shù)據(jù)表格
- jQuery EasyUI API 中文文檔 - Tree樹使用介紹
- jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
- jQuery UI Dialog 創(chuàng)建友好的彈出對話框?qū)崿F(xiàn)代碼
- Jquery EasyUI的添加,修改,刪除,查詢等基本操作介紹
- javascript實現(xiàn)的彈出層背景置灰-模擬(easyui dialog)
- jQuery前端框架easyui使用Dialog時bug處理
相關文章
用jQuery toggleClass 實現(xiàn)鼠標移上變色
這篇文章主要介紹了用jQuery toggleClass 實現(xiàn)鼠標移上變色,需要的朋友可以參考下2014-05-05
仿當當網(wǎng)淘寶網(wǎng)等主流電子商務網(wǎng)站商品分類導航菜單
本文實現(xiàn)了一個分類導航的菜單,和大多數(shù)流行的電子商務網(wǎng)站類似,詳細的實現(xiàn)可以直接查看源代碼.所有的代碼都在一個sidebar.html文件中2013-09-09
JQuery 綁定事件時傳遞參數(shù)的實現(xiàn)方法
JQuery 綁定事件時傳遞參數(shù)的實現(xiàn)方法,需要的朋友可以參考下。2009-10-10
passwordStrength 基于jquery的密碼強度檢測代碼使用介紹
我們設定密碼強度等級為10,制作一張圖片表示每個等級狀態(tài),給密碼框綁定keyup事件,通過keyup事件獲取密碼值,然后使用正則進行判斷密碼強度等級,然后變換相應的圖片2011-10-10

