I have a requirement to track and manage a set of "core documents" that need to be supplied with an application. The list of these core documents are managed in a data set. A user is shown this list of core documents and can upload multiple of them at a time. The core list of documents therefore becomes a 'check list' that ensures that the user has submitted all the documents required for the application.

I have a few related questions regarding this. I have been able to display this core list of documents and been able to upload one or more of these. However, I can't seem to get a reference to the individual repeater item that contains the document type, status and other information regarding the individual core document. I've tried to hook the upload button to provide this link back to the individual repeater item but it doesn't seem to work. Any help would be appreciated.

Here's my code:

<asp:Repeater ID="coreDocuments" runat="server"
OnItemCommand="RepeaterOnItemCommand"
OnItemDataBound="RepeaterItemBound" >
<ItemTemplate>
<div id="fileUpload">
<p class="coreDocType"><%# DataBinder.Eval(Container.DataItem, "NewJobFileStatusDocumentName")%> </p>
<p class="coreDocInfo">
<asp:CheckBox ID="CheckBoxNotRequired" runat="server" ValidationGroup="coreDocValidation" /> Not Required
<asp:CheckBox ID="CheckBoxPending" runat="server" ValidationGroup="coreDocValidation" /> Pending
<asp:CheckBox ID="CheckBoxUploaded" runat="server" ValidationGroup="coreDocValidation" /> Uploaded
<cc1:MutuallyExclusiveCheckBoxExtender ID="CheckBoxExtender1" runat="server" TargetControlID="CheckBoxNotRequired" Key="coreDocValidation" />
<cc1:MutuallyExclusiveCheckBoxExtender ID="CheckBoxExtender2" runat="server" TargetControlID="CheckBoxPending" Key="coreDocValidation" />
<cc1:MutuallyExclusiveCheckBoxExtender ID="CheckBoxExtender3" runat="server" TargetControlID="CheckBoxUploaded" Key="coreDocValidation" />
</p>
<p class="coreDocInfo">
<asp:Label ID="Label5" runat="server" Text="ID: " /><%# DataBinder.Eval(Container.DataItem, "NewJobCoreFileStatusId")%><br />
<asp:Label ID="Label6" runat="server" Text="Status: " /><%# DataBinder.Eval(Container.DataItem, "NewJobCoreFileStatus")%><br />
<asp:Label ID="Label3" runat="server" Text="Last Updated: " /><%# DataBinder.Eval(Container.DataItem, "NewJobCoreStatusLastUpdated")%><br />
<asp:Label ID="Label4" runat="server" Text="Updated By: " /> <%# DataBinder.Eval(Container.DataItem, "NewJobCoreStatusLastUser")%>
</p>
</div>

<eo:AJAXUploader id="AJAXUploader1" runat="server" Width="450px"
AllowedExtension="pdf"
AutoPostBack="true"
CssClass="coreDocInfo"
OnFileUploaded="FileUploaded"
TempFileLocation="D:\Projects\Permits\uploads\temp" >
<LayoutTemplate>
<table cellspacing="0" cellpadding="2" width="720" border="0">
<tr>
<td width="99%">
<asp:PlaceHolder id="InputPlaceHolder" runat="server">Input Box Place Holder</asp:PlaceHolder>
</td>
<td>
<asp:Button id="UploadButton" runat="server" Text="Upload"
OnCommand="UploadOnCommand"
CommandName="Upload"
CommandArgument='<%# Eval("NewJobFileStatusDocumentName") %>' >
</asp:Button>
</td>
<td>
<eo:ProgressBar id="ProgressBar" runat="server"
ControlSkinID="None" Height="18px" Width="150px"
BorderColor="#336699" BorderStyle="Solid" BorderWidth="1px"
IndicatorColor="151, 198, 232">
</eo:ProgressBar>
</td>
</tr>
<tr>
<td colspan="3" class="loadedFiles">
<asp:PlaceHolder id="PostedFilesPlaceHolder" runat="server" >Posted Files Place Holder </asp:PlaceHolder>
<asp:Button id="DeleteButton" runat="server" Text="Delete Selected Files"></asp:Button>
</td>
</tr>
</table>
</LayoutTemplate>
</eo:AJAXUploader>
</ItemTemplate>
<SeparatorTemplate><hr /></SeparatorTemplate>
</asp:Repeater>


I have the following code behid - but it doesn't get executed:
public void RepeaterOnItemCommand(object sender, RepeaterCommandEventArgs e)
{
if (e.CommandName == "Upload")
{
// Determine the CoreDocumentID
int coreDocumentID = Convert.ToInt32(e.CommandArgument);
}
}

Thanks for the quick reply - but unfortunately this does not work.

The HTML for the button's onclick event does not get evaluated correctly. It appears that when the button is inside the EO Uploader Layout Template the <%# Eval() %> is not interpreted correctly. I get a null / empty string when I use Eval() or a compliation error if I change this to DataBinder.Eval(Container.DataItem, "field"). The compliation error is "'EO.Web.AJAXUploader' does not contain a definition for DataItem".

If I move this HTML button to AFTER the EO Uploader control then the Eval is properly interpreted and the document reference is saved. However, the eo_GetContainer then fails and the var uploader is null.

Any other ideas?

Thanks - you help has been greately appreciated as I have been struggling with this for a couple of weeks trying differnt combinations!
These changes work functionality, although I had to combine your two javascript functions together.

The start_upload function now looks like:

function start_upload(e, docID)
{
// Save the doc ID first
document.getElementById("doc_id").value = docID;

//Get the parent element of the input element
var id = e = e.parentNode.id;

//Get the uploader's ID based on the parent element's ID
id = id.substr(0, id.length - 10);

//Get the uploader object
var uploader = eo_GetObject(id);

// Start upload
uploader.upload();
}

My file upload code behind now looks like this:
public void FileUploaded(object sender, System.EventArgs e)
{
EO.Web.AJAXUploader uploader = (EO.Web.AJAXUploader) sender;
foreach (EO.Web.AJAXPostedFile file in uploader.PostedFiles)
{
string tempFileName = file.TempFileName;

string applicationNbr = Convert.ToInt32(ApplicationID.Text).ToString("00000");
string newFileName = applicationNbr + "_" + file.ClientFileName;
string newFileName2 = newFileName.Substring(0, newFileName.Length-4) + "_" + DateTime.Now.ToString( "yyyy_MM_dd_hhmm" ) + ".pdf";

//Create the final file name based on the original file name
string finalFileName = Path.Combine(Server.MapPath("~/uploads"), newFileName);
string finalFileName2 = Path.Combine(Server.MapPath("~/uploads"), newFileName2);

//Move the file to the desired location
int docID = Convert.ToInt32(Session["CoreDocID"]);
if (tempFileName != null)
{
if (File.Exists(finalFileName)) {
File.Move(tempFileName, finalFileName2); // handle duplicate files with same filename
registerCoreFileUpload(docID, newFileName2); // Add document entry
}
else {
File.Move(tempFileName, finalFileName);
registerCoreFileUpload(docID, newFileName); // Add document entry
}
}
}
}


However, I have two final questions related to how this now looks.

1) The components of the upload are now spread over two lines. How do you position the new HTML upload button (the new one now in the DIV) so that it occurs alongside the standard EO upload now that the button is no longer within the Layout? Ideally I would like this to look similar to your standard layout with the button before the progress bar - but can live with the button after the progress bar.

2) As I am uploading each document I wanted to change the background color for the repeater item to indicate that the file has been uploaded (but only the uploaded file not the entire repeater). Any ideas on how this can be done. I've got a status field as part of the dataset which I can use during the repeater bind to set these background colours during the post back - but this kind of defeats the purpose of using the AjaxUploader in the first place.

A followup on the continuation of this post:

1 - I ended up using a simple table to organise the controls. However, for the reasons mentioned earlier in this same thread the upload button could not be placed inside the Layout as it does not interpret the Eval properly (in particular DataItem was not supported within the Layout).

2 - For the updating of the information I could not seem to get server side access to the DIV containing the upload control and related information. However, I did mangage to get an asp:Panel to accomplish this. So, when an individual file is uploaded the background of the panel is changed, the document status is shown as "uploaded" and the actual filename is shown. This works fine as long as the EO:Uploader control has the AutoPostback=true.

The client had wanted to perform several browse and populate the filename for several files to be uploaded - with a single upload button at the end performing the upload. I can simulate this with the AutoPostback=false (akin to your Delayed Postback example). The current suggestions with a single hidden field to support a Document ID won't support this multiple files even though the PostedFiles property does provide the individual multiple files. What is missing is some mechanism to support additional data with the uploader - such as a Document ID, status (some documents can be marked as "not required"), previous filename (if uploaded earlier), etc that are related to specific posted file entries. If these additional 'user defined' properties were available with the upload control they could be set from database records and then interogated/set during the FileUpload event.