What's New?

AjaxEvent and Dynamic content

  1. #1
    Apr 10, 2009, 9:38 AM

    AjaxEvent and Dynamic content



    Hi,

    I can't understand why so simple thing does not work.

    I have a toolbar with a combobox on it, and picture on page. by combobox select - I want to display another picture.
    The problem is - code executed, event handler works, property value redefined but picture still a same!*

    Here is a simple code what I have

    
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test_Viewer.aspx.vb" Inherits="TestPages_Test_Viewer" %>

<%@ Register assembly="Coolite.Ext.Web" namespace="Coolite.Ext.Web" tagprefix="ext" %>

<!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>
*   <link href="Css/AnotoViewer.css" rel="stylesheet" type="text/css" />
</head>
<body>
*   <form id="form1" runat="server">
*   <ext:ScriptManager ID="ScriptManager1" runat="server" />
*   <ext:Toolbar ID="Toolbar1" runat="server" IDMode="Legacy" Height="28px">
*            <Items>
*           *
*                      <ext:ComboBox ID="cboPages" runat="server" ReadOnly="true" AutoPostBack="true">
*                           <Items>
*                           <ext:ListItem Text="Seite 1" Value="1" />
*                           <ext:ListItem Text="Seite 2" Value="2" />
*                           </Items>
*                       <AjaxEvents>
*                           <Select OnEvent="mmks_cboPagesChange" ViewStateMode="Include"></Select>
*                       </AjaxEvents>
*                       </ext:ComboBox>
*                    *
*
*           *
*            </Items>
*        </ext:Toolbar>
*   <asp:Image ID="Image1" runat="server" ImageUrl="~/Resources/pensolutionlogo1.jpg" />
*   </form>
</body>
</html>

    And Event handler

    

Partial Class TestPages_Test_Viewer
*   Inherits System.Web.UI.Page

*   Protected Sub mmks_cboPagesChange()
*       If Me.Image1.ImageUrl = "~/Resources/pensolutionlogo1.jpg" Then
*           Me.Image1.ImageUrl = "~/Resources/pensolutionlogo2.jpg"
*       Else
*           Me.Image1.ImageUrl = "~/Resources/pensolutionlogo1.jpg"
*       End If

*   End Sub
End Class

    Thanks!
  2. #2
    Apr 10, 2009, 9:50 AM

    RE: AjaxEvent and Dynamic content

    Hi,

    You can't change none Coolite controls during AjaxEvent. AjaxEvent send back to the client java script to change state. So, if control (like ASP.NET controls) doesn't support AjaxEvent then all changes will be lost after request.


    You can change Coolite controls (please note that not all properties can be changed during AjaxEvent). In 0.8 version there is Coolite.Ext.Web.Image control which support changing Url during AjaxEvent


  3. #3
    Apr 29, 2009, 1:30 PM

    RE: AjaxEvent and Dynamic content

    The Coolite Image control sounds great. We really need that.
  4. #4
    Apr 29, 2009, 1:57 PM

    RE: AjaxEvent and Dynamic content

    Hi dbassett74,

    Here's an example demonstrating use of the new <ext:Image> control in v0.8.

    Example

    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<script runat="server">
    protected void Button1_Click(object sender, AjaxEventArgs e)
    {
        this.Image1.ImageUrl = "/images/Image2.jpg";
    }
</script>

<!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></title>
</head>
<body>
    <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        
        <ext:Button ID="Button1" runat="server" Text="Update">
            <AjaxEvents>
                <Click OnEvent="Button1_Click" />
            </AjaxEvents>
        </ext:Button>
        
        <ext:Image ID="Image1" runat="server" ImageUrl="/images/Image1.jpg" />
    </form>
</body>
</html>
    The <ext:Image> control will be available with the public release of v0.8.

    Hope this helps.

    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter

Similar Threads

  1. Dynamic generation page and dynamic change generated the content of a web page
    By zhaoxl in forum 1.x Help
    Replies: 0
    Last Post: Jan 06, 2012, 8:52 AM
  2. [0.8] Update content with AjaxEvent.
    By mojo in forum 1.x Help
    Replies: 0
    Last Post: Oct 14, 2010, 3:01 PM
  3. dynamic ajaxevent on menuitem
    By tonymayoral in forum 1.x Help
    Replies: 4
    Last Post: Jul 24, 2009, 2:55 AM
  4. [CLOSED] TabPanel load content in AjaxEvent
    By methode in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 01, 2009, 1:26 PM
  5. ViewPort - new dynamic tab content
    By tdmf40 in forum 1.x Help
    Replies: 1
    Last Post: Apr 28, 2008, 4:32 PM

Posting Permissions