This is a migrated thread and some comments may be shown as answers.

async upload item control display problem

3 Answers 97 Views

Upload (Obsolete)

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

answered on 06 Dec 2010, 10:55 AM

asyncupload-failure.gif

The problem only occurs when i select multiple files (file 1, 2 and 3) (via flash) with shift. Following failures accure:

.) the first remove button works as intended, but the remove buttons of file 2 and 3 are'nt removing the files instead the remove buttons open the "select file dialog".
.) after multiple selecting in the dialog and uploading the files (async). i remove a file and redo selecting to upload files, sometimes its showing file upload columns undreneath the txb as shown in the attached gif.

asp markup:

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<link href="~/App_Themes/Default/Style/Default.css" rel="stylesheet" type="text/css" />

<title id="htmlTitle" runat="server">File Upload</title>

<style type="text/css">

.RadWindow_Default a.rwIcon

{

background: url('../Images/iflowsIcon.jpg') !important;

}

</style>

</head>

<body class="body">

<form id="form1" runat="server">

<telerik:RadScriptManager ID="radScriptManager" runat="server">

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="radSkinManager" runat="server" Skin="Office2007">

</telerik:RadSkinManager>

<telerik:RadAjaxManager ID="radAjaxManager" runat="server">

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadProgressManager id="radProgressmanager" runat="server" />

<telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">

<script type="text/javascript">

function validateRadUpload(source, arguments)

{

var fileInputCount = $find("<%= radUpload.ClientID %>").getFileInputs().length;

var fileInputs = $find("<%= radUpload.ClientID %>").getFileInputs();

var fileName = "nothing";

for(var i = 0; i < fileInputCount; i++)

{

fileName = fileInputs[i].value;

}

if(fileName != "nothing" && fileName.length > 0)

{

arguments.IsValid = true;

}

else

{

arguments.IsValid = false;

}

function validateRadUploadFilepathLength(source, arguments)

{

var fileInputCount = $find("<%= radUpload.ClientID %>").getFileInputs().length;

var fileInputs = $find("<%= radUpload.ClientID %>").getFileInputs();

var fileName = "nothing";

for(var i = 0; i < fileInputCount; i++)

{

fileName = fileInputs[i].value;

}

if(fileName.length < 501)

{

arguments.IsValid = true;

}

else

{

arguments.IsValid = false;

}

function GetRadWindow()

{

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow;

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;

return oWindow;

}

function CloseWindow()

{

var oWindow = GetRadWindow();

oWindow.argument = null;

oWindow.close();

}

function CloseWindowWithArgument(value)

{

var oWindow = GetRadWindow();

oWindow.close(value);

}

function CheckChar(text,e)

{

var regx = /[;]|['']|[!]|[|]/gi;

var flg = regx.test(text.value);

if (flg)

{

var val = text.value;

val = val.replace(regx,'');

text.value = val;

}

function EnableUploadButton(sender, args)

{

var btnUpload = document.getElementById("btnUpload");

btnUpload.src = "../App_Themes/Default/Images/accept.png";

}

function PostBackParentOnRelaod()

{

var oWindow = GetRadWindow();

oWindow.BrowserWindow.location.href = oWindow.BrowserWindow.location.href;

}

</script>

</telerik:RadScriptBlock>

<table id="table1" runat="server" align="center" class="radWindowLayout" width="500px">

<tr>

<td align="center">

<table id="table2" runat="server" width="500px" align="center">

<tr>

<td>

<div class="title_elem">

<asp:Label ID="Label1" runat="server" Text="Documentupload" style="padding: 5px;" OnLoad="OnLabelLoad"></asp:Label>

</div>

</td>

</tr>

<tr>

<td align="center" width="500px">

<div class="content_div">

<iflowsControls:ErrorMessage ID="errorMessage" runat="server" Visible="false"/>

<iflowsControls:HintMessage ID="hintMessage" runat="server" Visible="false"/>

<table id="tableContent" runat="server" align="center" width="500px">

<tr>

<td align="center">

<asp:ValidationSummary ID="valSummary"

BorderColor="#b7bdcd"

BorderWidth="1px"

BorderStyle="Solid"

BackColor="#f7adc9"

DisplayMode="List"

runat="server"/>

</td>

</tr>

<tr>

<td align="right" width="500px">

<telerik:RadAsyncUpload ID="radUpload" runat="server"

ReadOnlyFileInputs="true"

OverwriteExistingFiles="false" MultipleFileSelection="Automatic" Width="400px" OnClientFileUploaded="EnableUploadButton"

/>

</td>

</tr>

<tr>

<td align="center">

<asp:ImageButton ID="btnUpload" runat="server"

ImageUrl="~/App_Themes/Default/Images/empty.png"

BackColor="Transparent" onclick="btnUpload_Click"/>

<asp:ImageButton ID="btnCancel" runat="server"

ImageUrl="~/App_Themes/Default/Images/cancel.png"

BackColor="Transparent" OnClientClick="CloseWindow();" CausesValidation="false"/>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</form>

</body>

</html>

also i attached a picture displaying the problem.

- Mario