步骤:
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,操作更方便哦