1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > jquery-easyui-dialog带确定取消按钮使用方法

jquery-easyui-dialog带确定取消按钮使用方法

时间:2022-05-23 03:44:52

相关推荐

jquery-easyui-dialog带确定取消按钮使用方法

步骤:

1、引入jquery库,以及jquery-easyui库

<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.3.3/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.3.3/themes/icon.css"><script type="text/javascript" src="js/jquery-easyui-1.3.3/jquery.min.js"></script><script type="text/javascript" src="js/jquery-easyui-1.3.3/jquery.easyui.min.js"></script><script type="text/javascript" src="js/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>

2、页面代码

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>带确定按钮的dialog</title><link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.3.3/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.3.3/themes/icon.css"><script type="text/javascript" src="js/jquery-easyui-1.3.3/jquery.min.js"></script><script type="text/javascript" src="js/jquery-easyui-1.3.3/jquery.easyui.min.js"></script><script type="text/javascript" src="js/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script></head><body><button>上传文件</button><!-- 窗口主体 --><div id="dlg2" class="easyui-dialog" style="width:400px;height:180px;padding:10px 20px"closed="true" buttons="#dlg-buttons2"><form id="uploadForm" action="user!upload" method="post" enctype="multipart/form-data"><table><tr><td>下载模版:</td><td><a href="javascript:void(0)" class="easyui-linkbutton" onclick="downloadTemplate()">导入模版</a></td></tr><tr><td>上传文件:</td><td><input type="file" name="userUploadFile"></td></tr></table></form></div><!-- 窗口确定取消按钮 --><div id="dlg-buttons2"><a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="confirm()">确定</a><a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg2').dialog('close')">关闭</a></div></body><script>$(function(){$("button").click(function(){$("#dlg2").dialog('open').dialog('setTitle','批量导入数据');})})</script></html>

3、效果图

4、代码

请移步到百度云网盘下载:

链接:/s/1dbGn-8mQysx7JDkGgEkkkw

提取码:y9zv

复制这段内容后打开百度网盘手机App,操作更方便哦

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。