Jan 18, 2011, 8:26 AM
[CLOSED] FileUploadField issue
Hi,
I need to use FileUploadField control inside a user control which is loaded on demand.
Here is my test code:
I have 1 aspx page, called Test.aspx and 1 user control, called TestControl.ascx. They are in the same root folder.
Test.aspx:
Please give your help :)
Thank you.
I need to use FileUploadField control inside a user control which is loaded on demand.
Here is my test code:
I have 1 aspx page, called Test.aspx and 1 user control, called TestControl.ascx. They are in the same root folder.
Test.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="XnCRS.UI.Test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test</title>
<script runat="server">
protected void ShowWindowClick(object sender, DirectEventArgs e)
{
EditPlaceHolder.ContentControls.Clear();
EditPlaceHolder.ContentControls.Add(LoadControl("~/TestControl.ascx"));
EditPlaceHolder.Render();
WinAttach.Show();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Button ID="btnShow" runat="server" Text="Show Upload File Window">
<DirectEvents>
<Click OnEvent="ShowWindowClick"></Click>
</DirectEvents>
</ext:Button>
<ext:Window
ID="WinAttach"
runat="server"
Title="Add an Attachment to Contract"
Modal="true"
Width="520"
Height="160" Hidden="true">
<Items>
<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:Panel runat="server" ID="EditPlaceHolder" Border="false" BodyBorder="false"
ApplyTo="#{editWindow}">
</ext:Panel>
</Items>
</ext:FitLayout>
</Items>
</ext:Window>
</form>
</body>
</html><%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TestControl.ascx.cs" Inherits="XnCRS.UI.TestControl" %>
<script runat="server">
protected void UploadClick(object sender, DirectEventArgs e)
{
string tpl = "Uploaded file: {0}<br/>Size: {1} bytes";
if (this.FileUploadField1.HasFile)
{
X.Msg.Show(new MessageBoxConfig
{
Buttons = MessageBox.Button.OK,
Icon = MessageBox.Icon.INFO,
Title = "Success",
Message = string.Format(tpl, this.FileUploadField1.PostedFile.FileName, this.FileUploadField1.PostedFile.ContentLength)
});
}
else
{
X.Msg.Show(new MessageBoxConfig
{
Buttons = MessageBox.Button.OK,
Icon = MessageBox.Icon.ERROR,
Title = "Fail",
Message = "No file uploaded"
});
}
}
</script>
<ext:FormPanel
ID="BasicForm"
runat="server"
Width="500"
Title="File Upload Form"
PaddingSummary="10px 10px 0 10px"
LabelWidth="50">
<Defaults>
<ext:Parameter Name="anchor" Value="95%" Mode="Value" />
<ext:Parameter Name="allowBlank" Value="false" Mode="Raw" />
<ext:Parameter Name="msgTarget" Value="side" Mode="Value" />
</Defaults>
<Items>
<ext:TextField ID="PhotoName" runat="server" FieldLabel="Name" />
<ext:FileUploadField
ID="FileUploadField1"
runat="server"
EmptyText="Select an image"
FieldLabel="Photo"
ButtonText=""
Icon="ImageAdd">
</ext:FileUploadField>
</Items>
<Listeners>
<ClientValidation Handler="#{SaveButton}.setDisabled(!valid);" />
</Listeners>
<Buttons>
<ext:Button ID="SaveButton" runat="server" Text="Save">
<DirectEvents>
<Click
OnEvent="UploadClick"
Before="if (!#{BasicForm}.getForm().isValid()) { return false; }
Ext.Msg.wait('Uploading your photo...', 'Uploading');"
Failure="Ext.Msg.show({
title : 'Error',
msg : 'Error during uploading',
minWidth: 200,
modal : true,
icon : Ext.Msg.ERROR,
buttons : Ext.Msg.OK
});">
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="Button1" runat="server" Text="Reset">
<Listeners>
<Click Handler="#{BasicForm}.getForm().reset();" />
</Listeners>
</ext:Button>
</Buttons>
</ext:FormPanel>Please give your help :)
Thank you.
Last edited by Daniil; Jan 20, 2011 at 9:49 AM.
Reason: [CLOSED]
