Search results matching tag 'updatepanel'

Validators not working in UpdatePanel

njsokalski — Tue, 08 Dec 2009 05:00:00 GMT

When a validator is placed inside an UpdatePanel, the validator works fine until the first successful submit. After the first submit, the validator stops working as if it no longer existed. I have determined that the reason for this is because the JavaScript that initializes the expando attributes of the validator (such as controltovalidate, errormessage, display, and validationGroup) needs rerun (in other words, after the UpdatePanel does it's updating, these attributes are no longer set). Because this script is generated completely automatically, I am not sure exactly what to do. Any ideas? Thanks.

Synchronous postback problem with UpdatePanels in webparts

bodi_uk — Mon, 07 Dec 2009 05:00:00 GMT

Hello all,

I’ve been racking my brain on an AJAX UpdatePanel problem for the past few days and I could really use some help here.

Background

I’m developing an Enterprise application using MOSS 2007. A fundamental requirement is that the application is modular and flexible so, for example, certain modules of the application can easily be ‘turned’ off and on. In this sense several web parts have been created that add incremental value to the application. For example, there is a web part to display a tree menu based on a list and another web part to render XML document in a rich AJAX UI.

A typical use case would be:

The User use the menu to select a particular item to load (the menu is populated from a list in SharePoint).
When the user clicks on the menu item it causes the AJAX UpdatePanel on the Main Content web part to be refreshed. This happens by using JavaScript to invoke the Click method of a button that is contained in the UpdatePanel (alternative methods – none of which worked -: call __doPostBack).
On the server-side the Update method of the UpdatePanel contained on the Additional Content web part is invoked which causes the updated content to be sent the UI along with the updated content for the Main Content web part. This works OK.

The problem

If the user interacts with the Additional Content web part (there is a combo-box and button which cause a postback and then a model pop-up to be displayed) after the web part has been refreshed asynchronously and then uses the menu to load a different item, a full synchronous postback is performed instead of an asynchronous postback. The full synchronous postback only occur if the user interacts with the Additional Content web part. If the user does not interact with this web part then only Synchronous postbacks occur (saying that I do not believe the problem to be particular to that web part).

So to go on a bit but any help will be greatly appreciated.

Thanks

Kevin

UpdatePanel with datalist and LinkButtons

JLW273 — Sun, 06 Dec 2009 05:00:00 GMT

I need another brain on this. I have the following:

Masterpage - holds scriptmanager and base layout
MyPage.aspx - Inherits from MasterPage and Base Class that grabs initial data for the page, also has a placeholder
Placeholder in MyPage.aspx loads UserControl1.ascx dynamically
UserControl1.ascx - contains UserControl2.ascx

UserControl2.ascx has the following:

<asp:updatepanel id="up1" updatemode="Conditional" childrenastriggers="false">
<contenttemplate>
<asp:datalist ...>
<itemtemplate>
content...
<asp:linkbutton id="lnkRemove" runat="server" commandname="Delete" commandargument='<%#DataBinder.Eval(Container.DataItem, "myid")%>' Remove </asp:linkbutton>
</itemtemplate>
</datalist>
<triggers>
<asp:asyncpostbacktrigger controlid="lnkAddNew" eventname="Click" />
</triggers>
</updatepanel>

' wrapped in an updatepanel so the entire page doesn't postback
<asp:updatepanel id="upAutoComplete" runat="server" updatemode="Conditional" childrenastriggers="false">
<contenttemplate>
Start Typing the Item You're Looking For...<br />
<asp:textbox runat="server" id="txtAutoComplete"></asp:textbox>
<ajaxtoolkit:autocompleteextender id="AutoCompleteExtender1" minimumprefixlength="2" completionlisthighlighteditemcssclass="EditLitListHover" completionlistcssclass="EditLitList" completionlistitemcssclass="EditLitListItem" targetcontrolid="txtAutoCompleteLibrary" runat="server" contextkey="true" servicemethod="GrabLibrary" servicepath="literature_library.asmx" completioninterval="1">
</ajaxtoolkit:autocompleteextender>
<asp:linkbutton runat="server" id="lnkAdd">+</asp:linkbutton></span>
</contenttemplate>
</asp:updatepanel>

In the code behind, I add a trigger dynamically for the linkbutton in the datalist

Dim trigger As New AsyncPostBackTrigger

trigger.ControlID = dlAssociatedLiterature.ID
trigger.EventName = "DeleteCommand"
up1.Triggers.Add(trigger)

The datalist updates just fine when the lnkAdd in the second update panel is clicked, however it is not updating when the link in the datalist is clicked. It doesn't look like it is doing anything. I believe the problem is that the placeholder is reloading the user control on each postback and the Delete event is not getting fired. I tried changing databinding for the datalist to occur on up1.prerender, but then the add link stopped working...

Many thanks,

UpdatePanel

p.Jenan — Sun, 29 Nov 2009 05:00:00 GMT

Hello.

I need help with UpdatePanel, I need to close the Panel1 - Button btnClose.
Did not work.

Please help me.

Thank you.

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Always" runat="server">
<ContentTemplate>

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

        <div id="Close"><asp:Button ID="btnClose" runat="server" Text="Close Panel1" onclick="btnClose_Click" /></div>


        <asp:Panel ID="Panel2" runat="server">
        <asp:UpdatePanel ID="UpdatePanel7" UpdateMode="Always" runat="server">
        <ContentTemplate>
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
        </ContentTemplate>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnGo" EventName="Click" />
        </Triggers>
        </asp:UpdatePanel>
        </asp:Panel>

        <asp:Panel ID="Panel3" runat="server">
        <asp:Button ID="btnGo" runat="server" Text="Button" onclick="btnGo_Click" />
        </asp:Panel>

        </asp:Panel>

        </ContentTemplate>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnClose" EventName="Click" />
        </Triggers>
        </asp:UpdatePanel>

Re: Crystal Report Export and Print button not working inside UpdatePanel

Marius09 — Thu, 26 Nov 2009 05:00:00 GMT

It works beautifull.

This way should be preferred instead of <Trigger>....</Trigger>, simply because it covers more cases.

If, as it happened to me, CrystalReportViewer1 is placed inside a TabContainer, which is inside an UpdatePanel, then there are problems with getting "ControlID" for setting the <Trigger> section.

Instead, handling ScriptManager is more elegant and more efficient (...in my case :) ).

Thanx a lot!

Entire Page Wrapped in UpdatePanel

G0ggy — Mon, 23 Nov 2009 05:00:00 GMT

Hi all,

I've been tasked to sanity check a page that is causing users problems in that they are submitting data via an input, but they are clicking the submit button a number of times as they cannot see anything happen when they submit their data.

On checking the code I can see that the author has wrapped the entire page in an UpdatePanel, including all the ObjectDataSource controls, everything.

Is this good practise? I thought the idea of the UpdatePanel's was to create small areas of input and data output without posting the whole page back to the server.

If I could get your suggestions and opinions please?

TIA.

Button loses its submit property, when used in update panel and deployed in MOSS.

Sudheendra B — Mon, 16 Nov 2009 05:00:00 GMT

Hello all,

I am facing a problem, where, I am using a button(Linkbutton, Push, ImageButtons) in a update panel in a form. So I have placed the

link button in the modal popup extender and all controls in an update panel.

So when we deply the form in MOSS, then the link button loses its submit behaviour. I am not getting the exact reason for this

problem, also when i removed the Update panel from the form and again placed th button in the Modal Popup extender, again it is not

working and loses its submit behaviour. So could you please help me regarding this issue.

Thank you

Scriptmanager.SetFocus set's focus but I can't type

manonthemoon75 — Tue, 27 Oct 2009 04:00:00 GMT

Hi All,

I hope you can help me out. I have a page with an AJAX updatePanel, inside the update panel there is a PlaceHolder. The placeholder is filled with a usercontrol dynamically. The user control contains a simple webform.

On the webform there is a field which postsback automatically, on the postback I call the function

Scriptmanager.SetFocus(nexttextbox); to set the focus to the next control.

When this is run the focus is set to the correct textbox but when I start typing no text appears although I see the cursus in the correct textbox. I also noticd that when using TAB the focus goes to internet explorer itself instead of going through the fields in the form. This happens only after the postback.

I tried setting focus with javascript as well but same issue. Focus is set but can't type.

Can anyone help?!?!

I created a very simple example to show what happens:

The page:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="test_focus.Default" %>

<!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 runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    
      function pageLoad() {
      }
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <asp:UpdatePanel ID="upMain" runat="server">
        <ContentTemplate>
            <table width="100%">
                <tr>
                    <td><asp:TextBox ID="tb1" runat="server" AutoPostBack="True" 
                            ontextchanged="tb1_TextChanged"></asp:TextBox></td>
                    <td><asp:TextBox ID="tb2" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td><asp:TextBox ID="tb3" runat="server"></asp:TextBox></td>
                    <td> </td>
                </tr>
            </table>
        </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

The codebehind:

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

namespace test_focus
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void tb1_TextChanged(object sender, EventArgs e)
        {
            ScriptManager.GetCurrent(Page).SetFocus(tb3);
        }
    }
}

Now to see what happens, run the form. Type some text in the first textbox and use TAB to go to the next field. You can see that the focus is set to the third textbox. Type in some text again, so far so good. Now use your mouse and click in the first textbox where you entered some text and type some extra text then use TAB to go to the next field. Now the focus is set to the third textbox but when you try to type nothing happens....

This is what happens, anybody?????

Dynamically Adding UpdatePanel Controls and Templates

likwidmack — Mon, 26 Oct 2009 04:00:00 GMT

I'm welcoming any advice!!

I have been trying to figure out how to properly use the updatepanels to add an unlimited number of sections that would be updated within a page that will contain other data information.

I have so far I have created a template control for the updatePanel and the Placeholder that will contain the FormView/GridView controls. The sections will be group by section# and Title of the data table and the gridview will be shown by step# column of the same data table. The section should have the ability to add/insert step# rows incrementally in the ddGrid and able to delete an entire section.

here's my questions?

Since this control is part of a FormView template page that links all the controls by the same parent ID key of hierarchical parent-child tables, do I need to state the data source within this control or do I only need it for the overall page?
Instead of a placeholder, is it better to programmically add the dynamic section panels (I know will need this control at least twice within the same page) and just controls with data specific focus rather than templates?
Will this work at all??

To you an idea of how I started:

<%@ Control Language="vb"CodeBehind="UpdatePanel.ascx.vb" Inherits="UpdatePanel" %>

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

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
    <asp:PlaceHolder runat="server" ID="SectionHolder1" />
</ContentTemplate>
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="btnAddSection" EventName="Click" />
</Triggers>
</asp:UpdatePanel><br />

<asp:Button ID="btnAddSection" runat="server" Text="Add Section Panel" /> 
<asp:Button ID="btnUpdateTbl" runat="server" Text="Update Data Table" />

<asp:LinqDataSource ID="LinqSrc" runat="server">
    <WhereParameters>
        <asp:DynamicQueryStringParameter Name="GrpSecID" />
    </WhereParameters>
    </asp:LinqDataSource>
</asp:Panel>

I have available to use is:

AJAX Toolkit

Dynamic Data Futures

Using the AsyncFileUpload without actually uploading

KarlR — Mon, 19 Oct 2009 04:00:00 GMT

I have a somewhat odd scenario that I would like some opinions on. Internally, our company stores documents on various networked servers. I was tasked with creating a web app to provide links to these files, but to leave them in their current locations. I made some progress using the .NET FileUpload control: the user clicks "browse", finds the file on the network, clicks my "save" button, and I write the file's full path to a database. I then can easily display these links in a web page, which the users can either save or open.

I should also mention that this all happens within an UpdatePanel. While I was able to make this work (using this method), I ran into one significant problem. The file sizes of these files vary significantly (some files are disk images of DVD's). When I clicked my "save" button, the FileUpload control would load the whole file up into the session (which takes a long time on large files) before writing my single database record. Again, I am not saving the actual file to a new location - just recording the file URL path.

I tried to implement an UpdateProgress control to indicate to the user that a long operation was in progress, but that was disabled by my earlier method (to get the FileUpload control to work in an UpdatePanel).

I thought about using the AsyncFileUpload control, but as I understand the control (I have not actually used it yet), it would function in a similar manner (other than automatically working in an UpdatePanel). I am hesitating to update to the new version of the Control Toolkit because of headaches I have experienced in the past the last time I did so. Before I upgrade, I wanted to get a opinion or two of what I am doing. Should I continue doing what I am doing, or is there a simpler way to allow users to select files from a web page?

Thanks for reading my rather lengthy post & I would appreciate any suggestions you might have!