Ext 4.2 浏览/上传文件的HTML写法

最新推荐文章于 2023-02-13 14:13:02 发布

原创最新推荐文章于 2023-02-13 14:13:02 发布 · 543 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Ext.window中配置HTML元素，实现通过上传Excel文件批量导入用户的系统功能。包括HTML表单的创建、文件上传输入框的设置、提示信息的展示以及按钮的配置。

在Ext.window里配置html：

html:'<form id="importUserFormDom" style="padding: 25 0 0 50" action="${ctx}/user/uploadExcelToBacthImportUser.action" method="post" enctype="multipart/form-data">'+
                     'EXCEL文件：<input type="file" name="uploadAttach" id="uploadAttach" onchange="javascript:$(\'#filename\').val(this.value);"></input><br />'+
                   '<span id="uploadTip" style="color: red;"></span>'+
                   '<input type="hidden" name="filename" id="filename"></input>'+
                   '</form>',
                     buttons:[{
                       text:SystemConstant.uploadBtnText,
                        handler:importUserInfo
                        },{
                           text:SystemConstant.closeBtnText,
                           handler:function(){
                              importUserWin.hide();
                           }
                       }]
                      });

效果：