网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 大学论文导航 设计下载 最新论文 下载排行 原创论文 论文源代码
返回网学首页
网学联系
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 编程文档 > ASP.net > 正文

使UpdatePanel支持上传文件

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 12/10/12
lastIndexOf("&" + element.name + "=");
}
else if (type === ''image'')
{
index = requestBody.lastIndexOf("&" + element.name + ".x=");
}
}
else if ((element.tagName === ''BUTTON'') && (element.name.length !== 0) &&
(element.type === ''submit''))
{
index = requestBody.lastIndexOf("&" + element.name + "=");
}

if (index > 0)
{
additionalInput = requestBody.substring(index + 1);
}
}

if (additionalInput)
{
var inputArray = additionalInput.split("&");
for (var i = 0; i < inputArray.length; i++)
{
var nameValue = inputArray[i].split("=");
this._addHiddenElement(nameValue[0], decodeURIComponent(nameValue));
}
}
},

  至于请求结束(超时或得到结果)后用于清除那些额外元素的方法也就顺理成章了:

_removeAdditionalHiddenElements : function()
{
var hiddens = this._hiddens;
delete this._hiddens;

for (var i = 0; i < hiddens.length; i++)
{
hiddens[i].parentNode.removeChild(hiddens[i]);
}

hiddens.length = 0;
},

  至此,我们的客户端组件已经编写完毕了。不过您应该产生疑问:通过IFrame传递数据的代码在哪里啊?我们接下来就来解释这个问题。



自定义Execute方法
之前我已经描述过这个组件的一个特点:由于使用IFrame传递数据的逻辑非常复杂,因此我将其与控件的逻辑进行分离,这样用户就可以在需要时对这部分逻辑进行修改。此外这种做法还可以避免UpdatePanelFileUpload与某个特定的JavaScript框架绑定,用户可以选择一个符合自己应用程序的做法来实现这部分逻辑。因此UpdatePanelFileUpload释放出一个属性ExecuteMethod,它会在页面上写上“AspNetAjaxExtensions.UpdatePanelIFrameExecutor._executeForm = ”这样的代码。而ExecuteMethod会在UpdatePanelIFrameExecutor的executeRequest方法内被调用。ExecuteMethod方法接受三个参数:“form”,“onSuccess”和“onFailure”。第一个参数为需要Post的Form,而后两个参数都为回调函数,供ExecuteMethod在合适的时候调用。

  jQuery的Form插件提供了一个将内容Post到一个IFrame的功能,因此我在这里提供一个基于jQuery的方法作为示例:

function htmlDecode(s)
{

}

function executeForm(form, onSuccess, onFailure)
{
$("#"+ form.id).ajaxSubmit({
url : form.action,
type : "POST",
error : onFailure,
success: getOnSuccessHandler(onSuccess)});
}

function getOnSuccessHandler(onSuccess)
{
return function(content)
{
if (content.startsWith("<PRE>") || content.startsWith("<pre>"))
{
content = content.substring(5);
}

if (content.endsWith("</PRE>") || content.endsWith("</pre>"))
{
content = content.substring(0, content.length - 6);
}

content = htmlDecode(content);

if (content.indexOf("\n") >= 0 && content.indexOf("\r\n") < 0)
{
content = content.replace(/\n/g, "\r\n");
}

onSuccess(content);
}
}


  原本以为jQuery的Form插件提供了一个成熟的解决方案,可惜最后发现依旧不够完美。例如会在传输的结果两边加上“<PRE>”和“</PRE>”标签,还会将其中的字符进行编码,这迫使我们在得到结果后还
  • 下一篇资讯: 通过User Control生成HTML
  • 网学推荐

    免费论文

    原创论文

    设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
    版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号