hi im a beginner in asp.net i'm trying to use ajax updatepanel, updateprogress which is not working form me

Question

0.00/5 (No votes)

See more:

ASP.NET

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <triggers>
            <asp:PostBackTrigger ControlID="cmdAdd" /> 
        </triggers>
        <contenttemplate>
     
                                                
<table>
                                                      <td class="style26"><asp:Label ID="Label50" runat="server" Text="Upload">
                                                             </td>
                                                      <td class="style24">
                                                            <asp:FileUpload ID="FileUpload1" runat="server" Width="200px" Font-Names="Tahoma"
                                                                CausesValidation="True" ForeColor="#003399" Height="24px" MaxLength="500" FolderProcessingMode="Upload"
                                                                OnFileUploaded="FileUploaded" /> 
                                                                   <a href="#" önclick="add()">Add<a href="#" önclick="Remove()">Remove</a>
                                                        </a></td>
                                                        </table>

    <table>
    
        <tr id="2" style="display: none">
            
        
            <td class="style26">
                <asp:Label ID="Label7" runat="server" Text="Upload">
                 
            </td>
            <td align="left">
                <asp:FileUpload ID="FileUpload2" runat="server" Width="253px" Font-Names="Tahoma"
                    CausesValidation="True" ForeColor="#003399" Height="24px" MaxLength="50" />
            </td>
            
        </tr>
    </table>
    <table>
        <tr id="3" style="display: none">
            <td class="style15">
                <asp:Label ID="Label4" runat="server" Text="Upload">
                 
            </td>
            <td align="left" class="style27">
                <asp:FileUpload ID="FileUpload3" runat="server" Width="253px" Font-Names="Tahoma"
                    CausesValidation="True" ForeColor="#003399" Height="24px" MaxLength="50" />
            </td>
            
        </tr>
    </table>
     <table>
        <tr id="4" style="display: none">
            <td class="style15">
                <asp:Label ID="Label9" runat="server" Text="Upload">
                 
            </td>
            <td align="left" class="style27">
                <asp:FileUpload ID="FileUpload4" runat="server" Width="253px" Font-Names="Tahoma"
                    CausesValidation="True" ForeColor="#003399" Height="24px" MaxLength="50" />
            </td>
            
        </tr>
    </table>
     <table>
        <tr id="5" style="display: none">
            <td class="style15">
                <asp:Label ID="Label10" runat="server" Text="Upload">
                 
            </td>
            <td align="left" class="style27">
                <asp:FileUpload ID="FileUpload5" runat="server" Width="253px" Font-Names="Tahoma"
                    CausesValidation="True" ForeColor="#003399" Height="24px" MaxLength="50" />
            </td>
            
        </tr>
    </table>
  
    <table>
    
        <tr>
            <td class="style28">
                <asp:Label ID="Label3" runat="server" Text="Keywords">
                </td>
                <td align="left" class="style29">
                    <asp:TextBox ID="keyword1" runat="server" TextMode="MultiLine" Width="327px" Font-Names="Tahoma"
                        CausesValidation="True" ForeColor="#003399" Height="50px" MaxLength="150">
                </td>
        </tr>
   
    </table>
    <div id="tablewrapper">
        <div id="tableheader">
            
            
            <span class="details">
                
                
    <table class="style1">
        <tr>
            <td class="Name" align="center">
                              
                <asp:Button ID="cmdAdd" runat="server" Text="SAVE" Width="84px" Font-Bold="True"
                    Font-Names="Tahoma" Font-Size="X-Small" OnClick="cmdAdd_Click" OnClientClick="showWait" />
                <asp:Button ID="cmdupdate" runat="server" Text="MODIFY" Width="84px" Font-Bold="True"
                    Font-Names="Tahoma" Font-Size="X-Small" OnClick="cmdupdate_Click" />
                <asp:Button ID="cmdDelete" runat="server" Text="DELETE" Width="84px" Font-Bold="True"
                    Font-Names="Tahoma" Font-Size="X-Small" OnClick="cmdDelete_Click" />
                <asp:Button ID="cmdCancel" runat="server" Text="RESET" Width="84px" Font-Bold="True"
                    Font-Names="Tahoma" Font-Size="X-Small" OnClick="cmdCancel_Click" />
                    </td>
        </tr>
        
                     <asp:UpdateProgress ID="UpdateProgress1" runat="server" 
                AssociatedUpdatePanelID="UpdatePanel1">
                <progresstemplate>
                    <asp:Label ID="lblWait" runat="server" BackColor="#507CD1" 
                        Font-Bold="True" ForeColor="White" 
                        Text="Please wait ... Uploading file">
                </progresstemplate>
            
        </table></span></div></div></contenttemplate>

This is my html code is there any mistake or will i have to do anything on serverside(C#)

Posted 29-Jan-13 21:41pm

Member 9378829

Updated 29-Jan-13 22:11pm

AshishChaudha

v2

Add a Solution

6 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

srikanth pachava · Answer 1 · 2013-01-29T21:48:00

Solution 1

need to add <@register namespace="ajaxcontroltoolkit" tagprefix="uc1">
and
<asp:scriptmanager id="scripmanager1" runat="server">

Posted 29-Jan-13 21:48pm

srikanth pachava

Updated 29-Jan-13 21:57pm

v2

Comments

Member 9378829 30-Jan-13 4:40am

i Forgot to post that i have already have <asp:scriptmanager id="scripmanager1" runat="server">

AdityaPratapSingh · Answer 2 · 2013-01-29T21:50:00

Solution 2

C#

<asp:ScriptManager ID="ScriptManager1" runat="server" />

use this

Posted 29-Jan-13 21:50pm

AdityaPratapSingh

Updated 29-Jan-13 21:56pm

v2

Comments

Member 9378829 30-Jan-13 4:40am

i Forgot to post that i have already have <asp:scriptmanager id="scripmanager1" runat="server"

AshishChaudha · Answer 3 · 2013-01-29T22:10:00

Solution 3

Try this solved example

Showing File Upload Progress to the user using UpdatePanel control in ASP.NET[^]
Thanks

Posted 29-Jan-13 22:10pm

AshishChaudha

srikanth pachava · Answer 4 · 2013-01-29T23:00:00

Solution 4

can i get the complete code. as code provided by you is working fine as update panel is showing .. please share remaining code.

Posted 29-Jan-13 23:00pm

srikanth pachava

Comments

Member 9378829 30-Jan-13 5:03am

full code means Both asp and html? if so can i send it to your email

Member 9378829 30-Jan-13 5:05am

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="fileupload.aspx.cs" Inherits="fileupload" %>

<!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 id="Head1" runat="server">
<title>Document Content Center</title>
<link rel="Stylesheet" type="text/css" href="css.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="javascript" type="text/javascript" src="datetimepicker.js">
</script>
<script type="text/javascript">
{
var ex = /^BA[0-9]{10}$/;
if (ex.test(document.getElementById('txtDoc').value) == false) {
alert("(*)Select Date..!");
}
}
</script>
<script type="text/javascript">
function SelectAll() {
var checkboxes = document.getElementsByTagName("input");
for (i = 0; i < checkboxes.length; i++) {
if (checkboxes.item(i).attributes["type"].value == "checkbox") {
checkboxes.item(i).checked = true;
}
}
}
function deSelectAll() {
var checkboxes = document.getElementsByTagName("input");
for (i = 0; i < checkboxes.length; i++) {
if (checkboxes.item(i).attributes["type"].value == "checkbox") {
checkboxes.item(i).checked = false;
}
}
}

</script>

<script type="text/javascript">
function post() {

__doPostBack('CheckBoxList1', '');
}
function __doPostBack(eventTarget, eventArgument) {

document.form1.__EVENTTARGET.value = eventTarget;
document.form1.__EVENTARGUMENT.value = eventArgument;
//document.form1.submit();

}
function WarningDelete() {
return window.confirm("Are you sure? you want to delete the record ?? ");
}
function loaddata(val) {

document.getElementById("cmdAdd").disabled = true;
document.getElementById("cmdupdate").disabled = false;
document.getElementById("cmdDelete").disabled = false;
document.getElementById("id").disabled = false;

document.getElementById("<%=Label8.ClientID%>").value = document.getElementById("c1" + val + "").innerHTML;
document.getElementById("<%=CheckBoxList1.ClientID%>").value = document.getElementById("c2" + val + "").innerHTML;
document.getElementById("<%=drp_id.ClientID%>").value = document.getElementById("c3" + val + "").innerHTML;

document.getElementById("<%=txtOwnerId.ClientID%>").value = document.getElementById("c5" + val + "").innerHTML;
document.getElementById("<%=keyword1.ClientID%>").value = document.getElementById("c6" + val + "").innerHTML;
document.getElementById("<%=id1.ClientID%>").value = val;

document.getElementById("cmdAdd").disabled = true;

post();

alert(document.getElementById("<%=Label8.ClientID%>").value);

}

</script>
<script language="javascript" type="text/javascript">
var atLeast = 1
function Validate1() {

var CHK = document.getElementById("<%=CheckBoxList1.ClientID%>");

var checkbox = CHK.getElementsByTagName("input");

var counter = 0;

for (var i = 0; i < checkbox.length; i++) {

if (checkbox[i].checked) {

counter++;

}

}

if (atLeast > counter) {

alert("Please select atleast " + atLeast + " item(s)");
document.getElementById("<%=CheckBoxList1.ClientID%>").focus();
return false;

}

return tru

srikanth pachava · Answer 5 · 2013-01-29T23:19:00

Solution 5

hi,

please send the .aspx and .cs to srikanth.pachava@vijaielectricals.com

1) pasted code does not contain any checkbox
2) now you have pasted code contain checkbox and önclick="add()"thsi function is not visible.

Posted 29-Jan-13 23:19pm

srikanth pachava

_Amy · Answer 6 · 2013-01-29T23:24:00

I can't see what you've written and what you missed for that. Only you can debug that and check for the errors. Since you are new to Asp.net, I would like to suggest you to read some good books and articles. Refer the link below for the article:
The UpdateProgress Control of ASP.NET AJAX Extensions[^]
UpdateProgress Control Overview[^]

--Amit