action是用struts2写的;前端界面easyUI写的,

前端:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Basic DataGrid - jQuery EasyUI Demo</title>
 6     <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css">
 7     <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css">
 8     <script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script>
 9     <script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
10     <script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
11     <script>
12         //批量导入数据,打开dialog
13         function openUploadFileDialog(){
14             $("#dlg2").dialog('open').dialog('setTitle','批量导入数据');
15         }
16         
17         //下载批量导入模板
18         //userExporTemplate.xls位于WebContent/template/下面
19         //一个纯的js来下载模板
20         function downloadTemplate(){
21             window.open('template/userExporTemplate.xls');
22         }
23         
24         //上传Excel文件,交给后台解析
25         //其中uploadForm的action=user!upload
26         function uploadFile(){
27             $("#uploadForm").form("submit",{
28                 success:function(result){
29                     var result=eval('('+result+')');
30                     if(result.errorMsg){
31                         $.messager.alert("系统提示",result.errorMsg);
32                     }else{
33                         $.messager.alert("系统提示","上传成功");
34                         $("#dlg2").dialog("close");
35                         $("#dg").datagrid("reload");
36                     }
37                 }
38             });
39         }
40     </script>
41 </head>
42 <body>
43     <!-- 一排操作按钮 -->
44     <div id="toolbar">
45         <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-import" plain="true" onclick="openUploadFileDialog()">用模版批量导入数据</a>
46     </div>
47     
48     <!-- 批量导入数据模板Excel 的dialog -->
49     <div id="dlg2" class="easyui-dialog" style="width:400px;height:180px;padding:10px 20px"
50             closed="true" buttons="#dlg-buttons2">
51         <form id="uploadForm" action="user!upload" method="post" enctype="multipart/form-data">
52             <table>
53                 <tr>
54                     <td>下载模版:</td>
55                     <td><a href="javascript:void(0)" class="easyui-linkbutton"  onclick="downloadTemplate()">导入模版</a></td>
56                 </tr>
57                 <tr>
58                     <td>上传文件:</td>
59                     <td><input type="file" name="userUploadFile"></td>
60                 </tr>
61             </table>
62         </form>
63     </div>
64     
65     <div id="dlg-buttons2">
66         <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="uploadFile()">上传</a>
67         <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg2').dialog('close')">关闭</a>
68     </div>
69 </body>
70 </html>
View Code

相关文章:

  • 2021-06-16
  • 2021-09-03
  • 2021-09-01
  • 2021-11-12
  • 2021-05-27
  • 2021-07-07
猜你喜欢
  • 2022-02-12
  • 2021-08-29
  • 2021-12-22
  • 2021-08-26
  • 2021-04-30
  • 2021-11-28
  • 2019-10-01
相关资源
相似解决方案