介绍一个jQuery的Dialog插件

jackxiang 2010-4-7 10:01 | |
插件基本特性:

    * 模态窗口
    * 可拖动
    * 可改变大小
    * 可用AJAX加载内容
    * ...

点击在新窗口中浏览此图片
基本用法:



<div id="dd" style="padding:5px;width:400px;height:200px;">  
Dialog Content.  
</div>  



JS code:



$('#dd').dialog(
title:'MDialog'
iconCls:'icon-ok'
toolbar:[
text:'Add'
iconCls:'icon-add'
handler:function()
alert('add'
  
},'-',
text:'Save'
iconCls:'icon-save'
handler:function()
alert('save'

}]
buttons:[
text:'Ok'
iconCls:'icon-ok'
handler:function()
alert('ok')

},
text:'Cancel'
handler:function()
$('#dd').dialog('close')

}
})



下载地址:http://jquery-easyui.wikidot.com/tutorial:dlg1

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/2893/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!

评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]