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.
<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>