Support forums - Progress bar in custom queue table.

Support forums » Products » Ajax Uploader » Progress bar in custom queue table.

Progress bar in custom queue table.

Last post 11-16-2009, 9:42 PM by cutechat. 1 replies.


	Sort Posts: Previous Next

11-10-2009, 11:32 AM 57034

Michael Raizman
Joined on 09-15-2009
Posts 10

Progress bar in custom queue table.

Reply Quote

Hi all,

Is it possible to place the progress bar into custom queue table? I. e. is possible to have an upload status bar for every file (meaning beside every file) in custom queue table?

Thank you in advance.

Regards,
Michael Raizman

11-16-2009, 9:42 PM 57195 in reply to 57034

cutechat
Joined on 07-22-2004
Posts 2,332

Re: Progress bar in custom queue table.

Reply Quote

Michael Raizman ,

Here is a sample :

<%@ Page Language="C#" Title="Customize the queue UI" %>

<%@ Register TagPrefix="CuteWebUI" Namespace="CuteWebUI" Assembly="CuteWebUI.AjaxUploader" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
</head>
<body>
	<form runat="server">
		<div>
			<asp:LinkButton runat="server" ID="BrowseButton" Text="Select Files To Upload" />
		</div>
		<div id="queuediv" style="display: none;">
			<div id="queuedivtablecontainer">
			</div>
			<div style="font-size:larger;padding-left:100px;margin:4px;">
				<a href="#" onclick="cancelalltasks();return false;">Cancel all tasks.</a>
			</div>
		</div>
		<div>
			<CuteWebUI:UploadAttachments runat="server" ID="UploadAttachments1" InsertButtonID="BrowseButton">
			</CuteWebUI:UploadAttachments>
		</div>
	</form>
</body>

for(var i=0;i<list.length;i++)
		{
			var name=list[i].FileName
			var size=list[i].FileSize // (or -1)
			var stat=list[i].Status	// Finish|Error|Upload|Queue
			var func=list[i].Cancel;
			
			var row=table.insertRow(-1);
			
			row.insertCell(-1).innerHTML=name;
			
			var last=row.insertCell(-1);
			if(stat=="Queue")
			{
				var btn=document.createElement("A");
				btn.href="BLOCKED SCRIPTvoid(0)";
				btn.onclick=func;
				btn.innerHTML="Cancel";
				last.appendChild(btn);
			}
			else if(stat=="Upload")	//show the progress in this row
			{
				uploadingcell=last;
				UpdateUploadingCellText();
			}
			else
			{
				last.innerHTML=stat;
			}
		}
		
		container.appendChild(table);
	}
	return false; //hide the default;
}
function cancelalltasks()
{
	uploader.cancelall();
}
</script>

</html>

It show text progress info for the uploading item

Regards,
Terry