码迷,mamicode.com
首页 > 其他好文 > 详细

Dialog控件

时间:2014-12-26 09:36:03      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dialog</title>

<script src="../jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../jquery.easyui.min.js" type="text/javascript"></script>

<link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../themes/icon.css" rel="stylesheet" type="text/css" />

<script>
$(function(){
$(‘#dd‘).dialog({
toolbar:[{
text:‘添加‘,
iconCls:‘icon-add‘,
handler:function(){
alert(‘添加数据‘)
}
},‘-‘,{
text:‘保存‘,
iconCls:‘icon-save‘,
handler:function(){
alert(‘保存数据‘)
}
}],
buttons:[{
text:‘提交‘,
iconCls:‘icon-ok‘,
handler:function(){
alert(‘提交数据‘);
}
},{
text:‘取消‘,
handler:function(){
$(‘#dd‘).dialog(‘取消‘);
}
}]
});
});

</script>
</head>
<body>
<div id="dd" style="padding:5px;width:400px;height:200px;">
<p>jQuery EasyUI---Dialog</p>
</div>
</body>
</html>

 

效果

技术分享

Dialog控件

标签:

原文地址:http://www.cnblogs.com/zhao365845726/p/4185991.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!