在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼
更新時(shí)間：2010年11月14日 19:26:43 作者：
在次封裝easyui-Dialog插件實(shí)現(xiàn)代碼，需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
$.fn.hDialog = function (options) {
var defaults = {
width: 300,
height: 200,
title: '此處標(biāo)題',
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)用：
復(fù)制代碼 代碼如下:
$(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實(shí)現(xiàn)的彈出層背景置灰-模擬(easyui dialog)
- jQuery前端框架easyui使用Dialog時(shí)bug處理
相關(guān)文章
jQuery實(shí)現(xiàn)郵箱下拉列表自動補(bǔ)全功能
在一些網(wǎng)站我們經(jīng)?？吹疆?dāng)我們要輸入郵箱的時(shí)候，還沒有填寫完，就會出現(xiàn)一系列下拉列表，幫助我們自動補(bǔ)全郵箱，怎么實(shí)現(xiàn)的呢？今天下面給大家分享基于jquery實(shí)現(xiàn)郵箱下拉列表自動補(bǔ)全功能，一起看看吧2016-09-09
用jQuery toggleClass 實(shí)現(xiàn)鼠標(biāo)移上變色
這篇文章主要介紹了用jQuery toggleClass 實(shí)現(xiàn)鼠標(biāo)移上變色,需要的朋友可以參考下2014-05-05
仿當(dāng)當(dāng)網(wǎng)淘寶網(wǎng)等主流電子商務(wù)網(wǎng)站商品分類導(dǎo)航菜單
本文實(shí)現(xiàn)了一個(gè)分類導(dǎo)航的菜單,和大多數(shù)流行的電子商務(wù)網(wǎng)站類似，詳細(xì)的實(shí)現(xiàn)可以直接查看源代碼.所有的代碼都在一個(gè)sidebar.html文件中2013-09-09
尺寸小、使用簡單方便（Write Less, Do More，吃得少干得多，而且目前許多大公司都在支持JQuery，例如微軟，微軟把JQuery繼承在了vs2010中2012-04-04
jQuery實(shí)現(xiàn)的背景顏色漸變動畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的背景顏色漸變動畫效果,涉及事件響應(yīng)及頁面元素屬性結(jié)合時(shí)間動態(tài)變換的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了JQuery如何按name屬性選擇元素問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
為什么會出現(xiàn)在IE無效化呢，從上面的解決方案可以知道是XML文件的編碼問題，在轉(zhuǎn)化會前臺可讀時(shí)并未符合IE的XML 對象，故需要翻譯成IE兼容的對象。2009-10-10
JQuery 綁定事件時(shí)傳遞參數(shù)的實(shí)現(xiàn)方法
JQuery 綁定事件時(shí)傳遞參數(shù)的實(shí)現(xiàn)方法，需要的朋友可以參考下。2009-10-10
passwordStrength 基于jquery的密碼強(qiáng)度檢測代碼使用介紹
我們設(shè)定密碼強(qiáng)度等級為10，制作一張圖片表示每個(gè)等級狀態(tài)，給密碼框綁定keyup事件，通過keyup事件獲取密碼值，然后使用正則進(jìn)行判斷密碼強(qiáng)度等級，然后變換相應(yīng)的圖片2011-10-10
jQuery-Tools-overlay 使用介紹，需要的朋友可以參考下2012-07-07