Ajax seems to work only in one of my content areas

's Computer Specifications

I have a page I would like to use 2 different areas with Partial Rendering.

I have the top area as a bunch of drop downs that I need to fill as others
are selected. This part works fine if I have only one content area and the
closing UpdatePanel is just below the drop downs. Only the top half of the
screen is updated when a dropdown is selected.

The bottom half is a button that is used to fill the Gridview that is in the
bottom half (or more) of the screen. I have the code set up as:

<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="mScriptManager" runat="server"
EnablePartialRendering="true" />
<div>


<asp:UpdatePanel ID="pnlContainer" runat="server" >
<ContentTemplate>



<asp:Panel ID="mFilterPanel" runat="server">

All of my drop downs here

</asp:Panel>
</ContentTemplate>
</UpdatePanel>

this works fine and the GridView is below that.

I wanted to change this to also surround the GridView with a ContentTemplate
so that only the GridView is handled when the button is pushed.

So I tried to change the above code to look like this:

<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="mScriptManager" runat="server"
EnablePartialRendering="true" />
<div>


<asp:UpdatePanel ID="pnlContainer" runat="server" >
<ContentTemplate>



<asp:Panel ID="mFilterPanel" runat="server">

All of my drop downs here

</asp:Panel>
</ContentTemplate>
<ContentTemplate>

Some Table Code

<asp:ImageButton ID="btnRefresh"
ImageUrl="~/images/refresh_16.gif" runat="server"
ToolTip="Refresh Grid"
CssClass="GridActionButton" OnClick="btnRefresh_Click"
Style="width: 16px" />

More Table Code

<asp:Panel ID="mGridViewPanel" style="text-align:center"
runat="server">

<asp:Label ID="lblGridStatus" style="color:Red;
text-align:center" Visible="false" runat="server" />

<asp:GridView ID="GridView1"

.....

</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>

</ContentTemplate>
</UpdatePanel>

Now nothing works.

The dropdowns don't fill fill other dropdowns and the GridView doesn't work.

All I did was move the </UpdatePanel> down and added another
ContentTemplate.

Is there something else I need to do to get this to work???

Thanks,

Tom

's Computer Specifications

On Oct 27, 5:40*am, "tshad" <t...@dslextreme.com> wrote:
> I have a page I would like to use 2 different areas with Partial Rendering.
>
> I have the top area as a bunch of drop downs that I need to fill as others
> are selected. *This part works fine if I have only one content area andthe
> closing UpdatePanel is just below the drop downs. *Only the top half ofthe
> screen is updated when a dropdown is selected.
>
> The bottom half is a button that is used to fill the Gridview that is in the
> bottom half (or more) of the screen. *I have the code set up as:
>
> <body>
> * * <form id="form1" runat="server">
> * * * * <asp:ScriptManager ID="mScriptManager" runat="server"
> EnablePartialRendering="true" />
> * * * * <div>
>
> * * * * * * 
> * * * * * * <asp:UpdatePanel ID="pnlContainer" runat="server" >
> * * * * * * * * <ContentTemplate>
>
> * * * * * * * * 
>
> * * * * * * * * * * <asp:Panel ID="mFilterPanel" runat="server">
>
> All of my drop downs here
>
> * * * * * * * * * * *</asp:Panel>
> * * * * * * * *</ContentTemplate>
> * * * * </UpdatePanel>
>
> this works fine and the GridView is below that.
>
> I wanted to change this to also surround the GridView with a ContentTemplate
> so that only the GridView is handled when the button is pushed.
>
> So I tried to change the above code to look like this:
>
> <body>
> * * <form id="form1" runat="server">
> * * * * <asp:ScriptManager ID="mScriptManager" runat="server"
> EnablePartialRendering="true" />
> * * * * <div>
>
> * * * * * * 
> * * * * * * <asp:UpdatePanel ID="pnlContainer" runat="server" >
> * * * * * * * * <ContentTemplate>
>
> * * * * * * * * 
>
> * * * * * * * * * * <asp:Panel ID="mFilterPanel" runat="server">
>
> All of my drop downs here
>
> * * * * * * * * * * *</asp:Panel>
> * * * * * * * *</ContentTemplate>
> * * * * * * * * <ContentTemplate>
>
> * * * * * * * * * * Some Table Code
>
> * * * * * * * * * * * * * * * * * * <asp:ImageButton ID="btnRefresh"
> ImageUrl="~/images/refresh_16.gif" runat="server"
> * * * * * * * * * * * * * * * * * * * * ToolTip="Refresh Grid"
> CssClass="GridActionButton" OnClick="btnRefresh_Click"
> * * * * * * * * * * * * * * * * * * * * Style="width: 16px" />
>
> * * * * * * * * * * More Table Code
>
> * * * * * * <asp:Panel ID="mGridViewPanel" style="text-align:center"
> runat="server">
>
> * * * * * * * * <asp:Label ID="lblGridStatus" style="color:Red;
> text-align:center" Visible="false" runat="server" />
>
> * * * * * * * * <asp:GridView ID="GridView1"
>
> * * * * * * * * * * * * .....
>
> * * * * * * </asp:Panel>
> * * * * *</ContentTemplate>
> * * * </asp:UpdatePanel>
>
> * * </ContentTemplate>
> *</UpdatePanel>
>
> Now nothing works.
>
> The dropdowns don't fill fill other dropdowns and the GridView doesn't work.
>
> All I did was move the </UpdatePanel> down and added another
> ContentTemplate.
>
> Is there something else I need to do to get this to work???
>
> Thanks,
>
> Tom

Do you see any javascript error? If not, turn debugging on in IE

Tools->Internet Options…->Advanced->Disable Script Debugging

and enable Display a notification about every script error

's Computer Specifications

Alexey Smirnov wrote:
> On Oct 27, 5:40 am, "tshad" <t...@dslextreme.com> wrote:
>> I have a page I would like to use 2 different areas with Partial
>> Rendering.
>>
>> I have the top area as a bunch of drop downs that I need to fill as
>> others are selected. This part works fine if I have only one content
>> area and the closing UpdatePanel is just below the drop downs. Only
>> the top half of the screen is updated when a dropdown is selected.
>>
>> The bottom half is a button that is used to fill the Gridview that
>> is in the bottom half (or more) of the screen. I have the code set
>> up as:
>>
>> <body>
>> <form id="form1" runat="server">
>> <asp:ScriptManager ID="mScriptManager" runat="server"
>> EnablePartialRendering="true" />
>> <div>
>>
>> 
>> <asp:UpdatePanel ID="pnlContainer" runat="server" >
>> <ContentTemplate>
>>
>> 
>>
>> <asp:Panel ID="mFilterPanel" runat="server">
>>
>> All of my drop downs here
>>
>> </asp:Panel>
>> </ContentTemplate>
>> </UpdatePanel>
>>
>> this works fine and the GridView is below that.
>>
>> I wanted to change this to also surround the GridView with a
>> ContentTemplate so that only the GridView is handled when the button
>> is pushed.
>>
>> So I tried to change the above code to look like this:
>>
>> <body>
>> <form id="form1" runat="server">
>> <asp:ScriptManager ID="mScriptManager" runat="server"
>> EnablePartialRendering="true" />
>> <div>
>>
>> 
>> <asp:UpdatePanel ID="pnlContainer" runat="server" >
>> <ContentTemplate>
>>
>> 
>>
>> <asp:Panel ID="mFilterPanel" runat="server">
>>
>> All of my drop downs here
>>
>> </asp:Panel>
>> </ContentTemplate>
>> <ContentTemplate>
>>
>> Some Table Code
>>
>> <asp:ImageButton ID="btnRefresh"
>> ImageUrl="~/images/refresh_16.gif" runat="server"
>> ToolTip="Refresh Grid"
>> CssClass="GridActionButton" OnClick="btnRefresh_Click"
>> Style="width: 16px" />
>>
>> More Table Code
>>
>> <asp:Panel ID="mGridViewPanel" style="text-align:center"
>> runat="server">
>>
>> <asp:Label ID="lblGridStatus" style="color:Red;
>> text-align:center" Visible="false" runat="server" />
>>
>> <asp:GridView ID="GridView1"
>>
>> .....
>>
>> </asp:Panel>
>> </ContentTemplate>
>> </asp:UpdatePanel>
>>
>> </ContentTemplate>
>> </UpdatePanel>
>>
>> Now nothing works.
>>
>> The dropdowns don't fill fill other dropdowns and the GridView
>> doesn't work.
>>
>> All I did was move the </UpdatePanel> down and added another
>> ContentTemplate.
>>
>> Is there something else I need to do to get this to work???
>>
>> Thanks,
>>
>> Tom
>
> Do you see any javascript error? If not, turn debugging on in IE
>
> Tools->Internet Options…->Advanced->Disable Script Debugging
>
> and enable Display a notification about every script error

I got an error right away. This was an error I got before when I tried to
surround a section a code before but it seems to ignore the commenting.

Content ('') does not match any properties within a
'System.Web.UI.UpdatePanel', make sure it is well-formed.

Line 121: </ContentTemplate>
Line 122:
Line 123: 
Line 124: <ContentTemplate>
Line 125:

Not sure why this is a problem.

After I fix that problem by taking the comment out, I get this:

The ContentTemplate of UpdatePanel with ID '' cannot be changed after it has
been instantiated.

Line 13: <div>
Line 14:
Line 15: <asp:UpdatePanel ID="pnlContainer" runat="server" >
Line 16: <ContentTemplate>
Line 17:

What am I changing?

Thanks,

Tom
Thanks,

Tom

Thread Tools
Show Printable Version Email this Page
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Content Page ajax	Miro	Microsoft ASP .NET	2	8th Feb 2010 03:05 PM
How to scroll ASP.NET Content Area - AJAX Animation Possibly?	=?Utf-8?B?TWlrZQ==?=	Microsoft ASP .NET	2	30th Oct 2007 03:46 PM
AJAX Problem. JavaScript not working if i push it to Updatepanel's content.	Arachnid	Microsoft Dot NET Framework	1	5th Oct 2007 12:02 PM
AJAX.NET ; Dynalically pushed JavaScript to Updatepanel's content not executing	Arachnid	Microsoft Dot NET	0	5th Oct 2007 10:22 AM
Work Areas in a database	LMB	Microsoft Access Getting Started	3	4th Oct 2004 11:31 PM