- 浏览: 1285 次
- 性别:
文章分类
最新评论
ext form表单代码:
var addDoc = new Ext.FormPanel({
baseCls: 'x-plain',
autoWidth: false,
labelWidth: 100,
labelAlign : 'right',
bodyStyle : 'padding-top:5px',
defaultType: 'textfield',
defaultWidth: '150',
items:[{
fieldLabel: '*主题名称',
id: 'theme',
anchor: '90%',
name: 'theme',
maxLength: 100,
maxLengthText: '长度不能超过100个字符',
minLength: 2,
minLengthText: '长度不能小于2个字符',
allowBlank: false,
blankText: '请输入模块名称'
},{
xtype: 'datefield',
fieldLabel: '*截止日期',
id: 'expireTime',
anchor: '90%',
name: 'expireTime',
format: 'Y-m-d',
allowBlank: false,
blankText: '请选择截止日期'
},{
fieldLabel: '创建者',
id: 'person1',
anchor: '90%',
name: 'person1',
value: '${LOGIN.person.name}',
maxLength: 20,
maxLengthText: '长度不能超过20个字符',
minLength: 2,
minLengthText: '长度不能小于2个字符',
allowBlank: false
},{
xtype: 'textarea',
anchor: '90%',
id: 'description',
name: 'description',
maxLength: 200,
maxLengthText: '长度不能超过200个字符',
fieldLabel: '主题描述',
height:30,
anchor: '90%' // anchor width by percentage and height by raw adjustment
},{
id: 'docType1',
anchor: '90%',
fieldLabel: '附件类型',
name: 'docType1',
xtype: 'combo',
bodyStyle: 'padding:10px;',
valueField: "value",
emptyText: '请选择附件类型',
blankText: '请输入附件类型',
displayField: "text",
allowBlank: false,
store:new Ext.data.SimpleStore({
fields: ["value", "text"],
data: [['1','Word主题'],['xls','Excel主题'],['jpg','JPG图片'],['jpeg','JPEG图片'],['gif','GIF图片'],['bmp','BMP图片'],['7','视频图像']]
}),
mode: 'local'
},{
fieldLabel: '*上传附件(2M)',
id: 'file-file',
name: 'file',
itmesCls: 'float-left',
clearCls: 'allow-foat',
//fileUpload : true, // 指定表单将要进行文件上传
anchor: '90%',
xtype: 'textfield',
inputType: 'file',//输入类型
listeners:{
blur:function(){
var file_upl = document.getElementById('file-file');
file_upl.select();
var filePath = document.selection.createRange().text; //获取上传文件路劲
if(filePath!=""){
var path_name=filePath.substr(filePath.lastIndexOf("\\")+1,filePath.length-1);//获取上传文件名
var fileType=filePath.substr(filePath.lastIndexOf(".")+1,filePath.length-1);//获取上传文件类型
var doc_type= Ext.getCmp("docType1").getValue(); //获取上传文件类型
if(doc_type==1){
if(fileType.toLowerCase() !="doc" && fileType.toLowerCase()!="docx"){
Ext.Msg.alert("提示信息"," 上传文件格式不正确");
return;
}
}
if(doc_type!=1 && doc_type!=7){
if(fileType.toLowerCase() !=doc_type){
Ext.Msg.alert("提示信息"," 上传文件格式不正确");
return;
}
//未验证视频格式
}
Ext.getCmp("accessory1").setText("<font color='red'>"+path_name+"</font>",false); //模板文件名称赋值
Ext.getCmp("accessory").setValue(path_name); //模板文件名称赋值
Ext.getCmp("docType").setValue(doc_type); //模板文件类型赋值
Ext.getCmp("file").setValue(filePath); //模板文件类型赋值
}
}
}
},{
xtype: 'label',
fieldLabel: '模板文件',
id: 'accessory1',
anchor: '90%',
name: 'accessory1',
allowBlank: false
}, {
xtype: 'radiogroup',
fieldLabel: '公开/私密',
anchor: '60%',
name: 'rbauto',
items: [
{boxLabel: '公开', name: 'rbauto', inputValue: 1},
{boxLabel: '私密', name: 'rbauto', inputValue: 0, checked: true}
]
},{
//隐藏文本框赋值,上传文件类型
id: 'docType',
hidden: true,
name: 'docType'
},{
//隐藏文本框赋值,上传文件名
id: 'accessory',
hidden: true,
name: 'accessory'
},{
//隐藏文本框赋值,用户ID
id: 'person',
hidden: true,
name: 'person',
value: '${LOGIN.id}'
}],
buttons: [{
text: '保存',
handler:function(){
if(addDoc.form.isValid()){
Ext.MessageBox.show({
title: '提示',
msg: '正在保存...',
progressText: '',
width: 300,
progress: true,
closable: false,
animEl: 'loding'
});
var f = function(v){
return function(){
var i = v/11;
Ext.MessageBox.updateProgress(i, '');
};
};
for(var i = 1; i < 13; i++){
setTimeout(f(i), i*150);
}
addDoc.form.doAction('submit',{
url:'docSendManager.do?method=saveAndUpdateDoc',
method:'post',
success:function(form,action){
if (action.result.msg=='ok') {
addDoc.form.reset();
addDocWindow.hide();
Ext.MessageBox.hide();
Ext.Msg.alert('操作提示',"保存成功");
reloadTreeAndGrid();
} else {
Ext.Msg.alert('操作提示',action.result.msg);
}
},
failure:function(){
Ext.Msg.alert('操作提示','服务器错误,请稍后再试...');
}
});
}
}
},{
text: '重置',
handler:function(){addDoc.form.reset();}
}
]
});
actionfrom部分代码:
/**
* 稿件模板附件引用相对路径
*
* @hibernate.property
*/
private FormFile file;
private String expireTime;//截止时间
private String description;// 主题描述
private String rbauto;//公开/私密状态
private String person; //用户
public FormFile getFile() {
return file;
}
public void setFile(FormFile file) {
this.file = file;
}
public String getPerson() {
return person;
}
public void setPerson(String person) {
action部分代码
public ActionForward saveAndUpdateDoc(ActionMapping mapping,
ActionForm form, HttpServletRequest request,
HttpServletResponse response) throws Exception {
response.setContentType("text/html");
// 设置字符编码为UTF-8, 这样支持汉字显示
response.setCharacterEncoding("UTF-8");
FileManagerForm fileManager = (FileManagerForm) form;
FormFile pfile = fileManager.getFile();//获取文件路径
String docName=fileManager.getTheme();//主题名
String endTime=fileManager.getExpireTime();// 截止日期
String dec=fileManager.getDescription();//描述
String doctype=fileManager.getDocType();//附件类型
String accessory=fileManager.getAccessory();//附件名称
int rbauto=Integer.parseInt(fileManager.getRbauto());//公开/私密
int person=Integer.parseInt(fileManager.getPerson());// 用户ID
System.out.println("文件路径:"+pfile);
System.out.println("主题名:"+docName);
System.out.println("截止日期:"+endTime);
System.out.println("描述:"+dec);
System.out.println("附件类型:"+doctype);
System.out.println("附件名称:"+accessory);
System.out.println("公开/私密"+rbauto);
System.out.println("用户ID"+person);
Object logger;
FormFile file = fileManager.getFile();
String tmpFolder = "";
String extName = "";
String fullPath = "";
if (null != file && !"".equals(file.getFileName())) {
String contentType = file.getContentType();
String size = (file.getFileSize() + "bytes");
String fileName = file.getFileName();
extName = fileName.split("\\.")[1];
tmpFolder = String.valueOf(System.currentTimeMillis());
fullPath = "/photo/templates/" + tmpFolder + "/" + fileName;
try {
String filePath = "";// 取当前系统路径
if (new File("d:\\photo").isDirectory()) {
filePath = "d:\\";
} else {
filePath = request.getRealPath("/");
}
File mDir = new File(filePath + "/photo/templates/"
+ tmpFolder);
if (!mDir.isDirectory()) {
mDir.mkdirs();
}
InputStream stream = file.getInputStream();
ByteArrayOutputStream baos = new ByteArrayOutputStream();
OutputStream bos = new FileOutputStream(filePath + fullPath);
int bytesRead = 0;
byte[] buffer = new byte[8192];
while ((bytesRead = stream.read(buffer, 0, 8192)) != -1) {
bos.write(buffer, 0, bytesRead);// 将文件写入服务器
}
bos.close();
stream.close();
} catch (Exception e) {
log.error("上传出现异常");
}
打印结果::
文件路径:null
主题名:111111
截止日期:2012-03-17
描述:1111111
附件类型:1
附件名称:四川电大毕业设计.doc
公开/私密0
用户ID2026
请问。。为什么file为null呀??
我换成File接收也是null、。、
网上查说将:fileUpload : true
但是这样也不行。。。
在aip中,也没有找到fileUpload 属性
还有的说将:xtype:'uploadPanel'
同样,,在3.2的api中也xtype没有发现有这个属性。
请问应该怎么样,才能
var addDoc = new Ext.FormPanel({
baseCls: 'x-plain',
autoWidth: false,
labelWidth: 100,
labelAlign : 'right',
bodyStyle : 'padding-top:5px',
defaultType: 'textfield',
defaultWidth: '150',
items:[{
fieldLabel: '*主题名称',
id: 'theme',
anchor: '90%',
name: 'theme',
maxLength: 100,
maxLengthText: '长度不能超过100个字符',
minLength: 2,
minLengthText: '长度不能小于2个字符',
allowBlank: false,
blankText: '请输入模块名称'
},{
xtype: 'datefield',
fieldLabel: '*截止日期',
id: 'expireTime',
anchor: '90%',
name: 'expireTime',
format: 'Y-m-d',
allowBlank: false,
blankText: '请选择截止日期'
},{
fieldLabel: '创建者',
id: 'person1',
anchor: '90%',
name: 'person1',
value: '${LOGIN.person.name}',
maxLength: 20,
maxLengthText: '长度不能超过20个字符',
minLength: 2,
minLengthText: '长度不能小于2个字符',
allowBlank: false
},{
xtype: 'textarea',
anchor: '90%',
id: 'description',
name: 'description',
maxLength: 200,
maxLengthText: '长度不能超过200个字符',
fieldLabel: '主题描述',
height:30,
anchor: '90%' // anchor width by percentage and height by raw adjustment
},{
id: 'docType1',
anchor: '90%',
fieldLabel: '附件类型',
name: 'docType1',
xtype: 'combo',
bodyStyle: 'padding:10px;',
valueField: "value",
emptyText: '请选择附件类型',
blankText: '请输入附件类型',
displayField: "text",
allowBlank: false,
store:new Ext.data.SimpleStore({
fields: ["value", "text"],
data: [['1','Word主题'],['xls','Excel主题'],['jpg','JPG图片'],['jpeg','JPEG图片'],['gif','GIF图片'],['bmp','BMP图片'],['7','视频图像']]
}),
mode: 'local'
},{
fieldLabel: '*上传附件(2M)',
id: 'file-file',
name: 'file',
itmesCls: 'float-left',
clearCls: 'allow-foat',
//fileUpload : true, // 指定表单将要进行文件上传
anchor: '90%',
xtype: 'textfield',
inputType: 'file',//输入类型
listeners:{
blur:function(){
var file_upl = document.getElementById('file-file');
file_upl.select();
var filePath = document.selection.createRange().text; //获取上传文件路劲
if(filePath!=""){
var path_name=filePath.substr(filePath.lastIndexOf("\\")+1,filePath.length-1);//获取上传文件名
var fileType=filePath.substr(filePath.lastIndexOf(".")+1,filePath.length-1);//获取上传文件类型
var doc_type= Ext.getCmp("docType1").getValue(); //获取上传文件类型
if(doc_type==1){
if(fileType.toLowerCase() !="doc" && fileType.toLowerCase()!="docx"){
Ext.Msg.alert("提示信息"," 上传文件格式不正确");
return;
}
}
if(doc_type!=1 && doc_type!=7){
if(fileType.toLowerCase() !=doc_type){
Ext.Msg.alert("提示信息"," 上传文件格式不正确");
return;
}
//未验证视频格式
}
Ext.getCmp("accessory1").setText("<font color='red'>"+path_name+"</font>",false); //模板文件名称赋值
Ext.getCmp("accessory").setValue(path_name); //模板文件名称赋值
Ext.getCmp("docType").setValue(doc_type); //模板文件类型赋值
Ext.getCmp("file").setValue(filePath); //模板文件类型赋值
}
}
}
},{
xtype: 'label',
fieldLabel: '模板文件',
id: 'accessory1',
anchor: '90%',
name: 'accessory1',
allowBlank: false
}, {
xtype: 'radiogroup',
fieldLabel: '公开/私密',
anchor: '60%',
name: 'rbauto',
items: [
{boxLabel: '公开', name: 'rbauto', inputValue: 1},
{boxLabel: '私密', name: 'rbauto', inputValue: 0, checked: true}
]
},{
//隐藏文本框赋值,上传文件类型
id: 'docType',
hidden: true,
name: 'docType'
},{
//隐藏文本框赋值,上传文件名
id: 'accessory',
hidden: true,
name: 'accessory'
},{
//隐藏文本框赋值,用户ID
id: 'person',
hidden: true,
name: 'person',
value: '${LOGIN.id}'
}],
buttons: [{
text: '保存',
handler:function(){
if(addDoc.form.isValid()){
Ext.MessageBox.show({
title: '提示',
msg: '正在保存...',
progressText: '',
width: 300,
progress: true,
closable: false,
animEl: 'loding'
});
var f = function(v){
return function(){
var i = v/11;
Ext.MessageBox.updateProgress(i, '');
};
};
for(var i = 1; i < 13; i++){
setTimeout(f(i), i*150);
}
addDoc.form.doAction('submit',{
url:'docSendManager.do?method=saveAndUpdateDoc',
method:'post',
success:function(form,action){
if (action.result.msg=='ok') {
addDoc.form.reset();
addDocWindow.hide();
Ext.MessageBox.hide();
Ext.Msg.alert('操作提示',"保存成功");
reloadTreeAndGrid();
} else {
Ext.Msg.alert('操作提示',action.result.msg);
}
},
failure:function(){
Ext.Msg.alert('操作提示','服务器错误,请稍后再试...');
}
});
}
}
},{
text: '重置',
handler:function(){addDoc.form.reset();}
}
]
});
actionfrom部分代码:
/**
* 稿件模板附件引用相对路径
*
* @hibernate.property
*/
private FormFile file;
private String expireTime;//截止时间
private String description;// 主题描述
private String rbauto;//公开/私密状态
private String person; //用户
public FormFile getFile() {
return file;
}
public void setFile(FormFile file) {
this.file = file;
}
public String getPerson() {
return person;
}
public void setPerson(String person) {
action部分代码
public ActionForward saveAndUpdateDoc(ActionMapping mapping,
ActionForm form, HttpServletRequest request,
HttpServletResponse response) throws Exception {
response.setContentType("text/html");
// 设置字符编码为UTF-8, 这样支持汉字显示
response.setCharacterEncoding("UTF-8");
FileManagerForm fileManager = (FileManagerForm) form;
FormFile pfile = fileManager.getFile();//获取文件路径
String docName=fileManager.getTheme();//主题名
String endTime=fileManager.getExpireTime();// 截止日期
String dec=fileManager.getDescription();//描述
String doctype=fileManager.getDocType();//附件类型
String accessory=fileManager.getAccessory();//附件名称
int rbauto=Integer.parseInt(fileManager.getRbauto());//公开/私密
int person=Integer.parseInt(fileManager.getPerson());// 用户ID
System.out.println("文件路径:"+pfile);
System.out.println("主题名:"+docName);
System.out.println("截止日期:"+endTime);
System.out.println("描述:"+dec);
System.out.println("附件类型:"+doctype);
System.out.println("附件名称:"+accessory);
System.out.println("公开/私密"+rbauto);
System.out.println("用户ID"+person);
Object logger;
FormFile file = fileManager.getFile();
String tmpFolder = "";
String extName = "";
String fullPath = "";
if (null != file && !"".equals(file.getFileName())) {
String contentType = file.getContentType();
String size = (file.getFileSize() + "bytes");
String fileName = file.getFileName();
extName = fileName.split("\\.")[1];
tmpFolder = String.valueOf(System.currentTimeMillis());
fullPath = "/photo/templates/" + tmpFolder + "/" + fileName;
try {
String filePath = "";// 取当前系统路径
if (new File("d:\\photo").isDirectory()) {
filePath = "d:\\";
} else {
filePath = request.getRealPath("/");
}
File mDir = new File(filePath + "/photo/templates/"
+ tmpFolder);
if (!mDir.isDirectory()) {
mDir.mkdirs();
}
InputStream stream = file.getInputStream();
ByteArrayOutputStream baos = new ByteArrayOutputStream();
OutputStream bos = new FileOutputStream(filePath + fullPath);
int bytesRead = 0;
byte[] buffer = new byte[8192];
while ((bytesRead = stream.read(buffer, 0, 8192)) != -1) {
bos.write(buffer, 0, bytesRead);// 将文件写入服务器
}
bos.close();
stream.close();
} catch (Exception e) {
log.error("上传出现异常");
}
打印结果::
文件路径:null
主题名:111111
截止日期:2012-03-17
描述:1111111
附件类型:1
附件名称:四川电大毕业设计.doc
公开/私密0
用户ID2026
请问。。为什么file为null呀??
我换成File接收也是null、。、
网上查说将:fileUpload : true
但是这样也不行。。。
在aip中,也没有找到fileUpload 属性
还有的说将:xtype:'uploadPanel'
同样,,在3.2的api中也xtype没有发现有这个属性。
请问应该怎么样,才能
相关推荐
本项目“extjs3.2+struts2实现多文件上传excel并插入到数据库”是针对这一需求的具体解决方案,利用了ExtJS 3.2前端框架和Struts2后端框架进行开发。 **ExtJS 3.2** 是一个基于JavaScript的富客户端应用框架,提供...
Extjs3.2+struts2.0+spring2.5+hibernate3.5+weblogic10+oracle10g 第4部分
Extjs3.2+struts2.0+spring2.5+hibernate3.5+weblogic10+oracle10g含全包 第三部分
Extjs3.2+struts2.0+spring2.5+hibernate3.5+weblogic10+oracle10g含全包 共5 部分 全部下载后解压缩
Extjs3.2+struts2.0+spring2.5+hibernate3.5+weblogic10+oracle10g含全包 共5 部分 全部下载后解压缩
本项目名为"extjs2.0+struts1.2+hibernate+spring增删改查",结合了四个核心的技术框架,它们分别是ExtJS 2.0、Struts 1.2、Hibernate和Spring,用于实现数据的CRUD(创建、读取、更新和删除)操作。这四个组件共同...
ExtJs3.2+中文API 便于开发查找API 很方便
在本文中,我们将深入探讨如何使用Ext3.2与Struts框架实现文件上传功能,同时解决中文乱码问题。这两个技术结合在一起,可以为Web应用提供高效、稳定的文件上传解决方案。 首先,Ext3.2是一个JavaScript库,它提供...
网上有些这样的例子,但是下了几个都没有跑起来,哎,希望那些发文章的人要发就发全的,别发个半生不熟的。... 现在自己整理了一个Struts2+ExtJS2实现文异步文件上传,没法上传图片无法看到效果,直接上源码吧。
此工程 为IntelliJ IDEA 9.0.1编程环境 环境编码UTF-8 weblogic10下发布自动建立数据库表 可参看 applicationContext-hibernate.xml进行配置 proxool_cofig.xml为连接池配置 此项目可做基础项目开发原型方便,启动此...
1. 引入依赖:在项目中引入ExtJS的库文件和Struts1.2的相关jar包。 2. 创建ExtJS的前端界面:利用ExtJS的组件构建用户界面,定义Ajax请求的URL,指向Struts的Action。 3. 设计Struts配置:在struts-config.xml中配置...
这是一个基于开源技术栈构建的图书管理系统,主要使用了Struts2.1.8、Hibernate3.3、Spring2.5.6、ExtJS3.2和Jbpm4.1等组件。这些技术和框架在2000年代末至2010年代初是非常流行的,它们各自承担着不同的职责,共同...
在这个"EXTJS4+STRUTS2+JAVA增删改查"的例子中,我们将深入探讨这三个技术如何协同工作,实现数据的动态管理。 EXTJS4是一个强大的JavaScript库,主要用于创建桌面级的Web应用程序。它提供了丰富的组件库,如表格、...
网上商城Extjs4.1+Spring3.2+hibernate4.1+MySql5(视频+源码)
Extjs+struts实现文件上传 使用说明中的UploadfileAction.java中的代码要拷贝到一个JSP文件中并将url: '/rsgl/uploadfile.do',改为url: '/rsgl/jspcos.jsp',才可以正常上传
标题"能运行的ExtJs+Struts2文件上传"表明这是一个实现了文件上传功能的示例项目。在ExtJs中,可以利用其提供的FileInput组件创建一个文件选择器,用户可以选择文件并提交到服务器。Struts2则在服务器端处理文件上传...
ExtJs + Struts2 + JSON 是一种常见的前端与后端数据交互的技术组合,常用于构建富客户端应用。这里我们详细探讨一下这三个技术组件以及它们如何协同工作。 首先,ExtJs 是一个JavaScript库,用于创建复杂的、用户...
本项目以"Spring2.5+ibatis2.3+Extjs2.0+Struts2实现用户管理"为主题,旨在为初学者提供一个全面理解这些技术集成使用的实例。下面将详细阐述这四个关键组件及其在用户管理系统中的作用。 首先,Spring框架是Java...
内容概要:该项目为网上商城,主要编程语言为java,主要框架为Extjs4.1+Spring3.2+hibernate4.1+MySql5。 适用人群:已工作或未工作的软件开发人员。 使用场景及目标:适合研究学习使用,以及项目初期快速搭建脚手架...