Updating image button with AJAX

[bsaucer]

I just installed the new AJAX package from microsoft and I'm trying to update an existing program to AJAX. I added all the stuff to Config.web to make AJAX "work".

My original program contained an image button, some radio controls, and another button. When the page loads, or when either button is clicked, the code draws a new bitmap and saves it. When the postback completes, the image button displays the new image. So far, so good.

After my attempted conversion to AJAX, I added a script manager and put the image button inside an update panel. The other button is also used as a trigger for the same update panel.

When I click the bitmap, it calls the Load and Click routines as before. The code draws the new bitmap and saves it. However, the bitmap on the client side doesn't change. I would have expected the contents of the update panel to be updated.

When I click the other button, the Load and Click events are called, but nothing happens on the client side.

I added an UpdateProgress to the page. It becomes "visible" when I click the bitmap, but nothing visibly happens when I click the other button. The code in the click events take a second or more to draw the new bitmap, since a lot of "number-crunching" is involved.

[TheCPUWizard]

You would need to post a minimal yet complete sample that reproduces the problem in order to accurately determine what you are doing wrong.

[PeejAvery]

I would highly suggest testing with Firefox. Under the Tools menu, you will find an Error Console. That will help greatly with debugging client-side errors. Start with that and then get back to us.

[bsaucer]

Here's the event code for loading the page, the imagebutton click and the buttonclick. They each draw the bitmap and save it to the url for the bitmap button. Before I used AJAX, each event updated the image during a postback. Now only the Load event shows the initial image, but the button clicks do not update the image. They DO fire the events, and the bitmap does get redrawn and saved, but nothing changes on the page. Although the imagebutton is inside the UpdatePanel, it still isn't getting updated.

 
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not IsPostBack Then
            imgPath = Server.MapPath("~/images/Brot.bmp")
            w = ImageButton1.Width.Value
            h = ImageButton1.Height.Value
            siz = New Size(w, h)
            bmp = New Bitmap(w, h, fmt)
            hgr = Graphics.FromImage(bmp)
            rectF = New RectangleF(-2, -1.5, 3, 3)
            zoom = 1 / 4
            PlotBmp(bmp, siz, rectf, 2, 100)
            bmp.Save(imgPath)
            Session("rectf") = rectf
            Session("zoom") = zoom

        End If
    End Sub
    Protected Sub ImageButton1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton1.Click
        Dim x, y As Double
        Dim imax As Integer

        rectF = Session("rectf")
        zoom = Session("zoom")
        imgPath = Server.MapPath("~/images/Brot.bmp")
        w = ImageButton1.Width.Value
        h = ImageButton1.Height.Value
        siz = New Size(w, h)
        bmp = New Bitmap(w, h, fmt)
        hgr = Graphics.FromImage(bmp)
        x = CDbl(e.X) * rectF.Width / CDbl(w) + rectF.Left
        y = rectF.Bottom - CDbl(e.Y) * rectF.Height / CDbl(h)
        rectF.Width *= zoom
        rectf.Height *= zoom
        rectF.X = x - rectF.Width / 2
        rectF.Y = y - rectF.Height / 2
        imax = 300.0 / rectF.Width
        PlotBmp(bmp, siz, rectF, 2, imax)
        bmp.Save(imgPath)
        Session("rectf") = rectf
    End Sub
    Protected Sub btnReset_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnReset.Click
        imgPath = Server.MapPath("~/images/Brot.bmp")
        w = ImageButton1.Width.Value
        h = ImageButton1.Height.Value
        siz = New Size(w, h)
        bmp = New Bitmap(w, h, fmt)
        hgr = Graphics.FromImage(bmp)
        rectF = New RectangleF(-2, -1.5, 3, 3)
        PlotBmp(bmp, siz, rectF, 2, 100)
        bmp.Save(imgPath)
        Session("rectf") = rectF
    End Sub

[PeejAvery]

Although the imagebutton is inside the UpdatePanel, it still isn't getting updated.

Could it be a cache problem?

[bsaucer]

Firefox shows no errors. I'm not getting any error messages. All of my server code is executing when it is supposed to. The updatePanel is just not updating the image button's image when it is supposed to.

[bsaucer]

I just added a label inside the update panel, and added code to update it within the load and click events. The label is getting updated properly, but the imagebutton is not. However, to verify that the image file itself is getting updated, I looked at it in a viewer, and it is getting updated by the code.

Is there some way to "flag" the imagebutton so that it gets redrawn whenever the updatepanel is updated?

[PeejAvery]

Can you post the code that is supposed to handle the updating of the image on the clien't browser?