What's New?

[CLOSED] Update TextField by Ajax Combobox

  1. #1
    May 29, 2012, 1:28 AM

    [CLOSED] Update TextField by Ajax Combobox

    Hello!
    I have a combobox with an ajax event and I want to update the value of a textfield. I do the same thing with another combobox and works fine, but I don´t Know how to call the right event in the textfield.

    Combobox Code:

                                            <ext:ComboBox ID="dbIdTerceiro" runat="server" Editable="true" Height="20px" FieldLabel="Terceiro"
                                            Width="500" ReadOnly="false" AnchorHorizontal="95%" LabelAlign="Right" QueryMode="Local"
                                            DisplayField="cNmTerceiro" ValueField="nCdTerceiro" TriggerAction="Query" EmptyText="Selecionar..."
                                            TypeAhead="true" ForceSelection="true">
                                            <Listeners>
                                                <Select Handler="#{dbIdTerceiroPagador}.clearValue(); #{StoreTerceiroPagador}.reload(); #{dbContato}.clearValue(); " />
                                            </Listeners>
                                            <Store>
                                                <ext:Store ID="StoreTerceiro" runat="server" AutoLoad="true">
                                                    <Model>
                                                        <ext:Model ID="Model4" IDProperty="nCdTerceiro" runat="server">
                                                            <Fields>
                                                                <ext:ModelField Name="nCdTerceiro" Type="Int" />
                                                                <ext:ModelField Name="cNmTerceiro" Type="String" />
                                                            </Fields>
                                                        </ext:Model>
                                                    </Model>
                                                </ext:Store>
                                            </Store>
                                        </ext:ComboBox>
    Textfield code that I need to be updated by the selection on the combobox. I need to call a DirectEvent to fill the field when the combobox "dbIdTerceiro" is changed:

    
    <ext:TextField ID="dbContato" runat="server" FieldLabel="Contato" AllowBlank="false"
           Width="400px" LabelAlign="Right" ReadOnly="false" EmptyText="Informe o nome e telefone">
    </ext:TextField>

    protected void posicionarContato(object sender, DirectEvent e)
    {
        if (this.dbIdTerceiro.SelectedItem.Value != "")
        {
            Terceiro objTerceiro = dc.Terceiros.FirstOrDefault(t1 => t1.nCdTerceiro == Convert.ToInt32(this.dbIdTerceiro.SelectedItem.Value));

            this.dbContato.Text = ((objTerceiro.cNmContato == null) ? "" : objTerceiro.cNmContato) + ((objTerceiro.cTelefone1 == null) ? "" : objTerceiro.cTelefone1);
        }
    }

    Plese, help me to include the listenner in the textfield.

    Thanks in advance,

    Oliver
    Last edited by Daniil; May 30, 2012 at 11:28 AM. Reason: [CLOSED]
  2. #2
    May 29, 2012, 4:02 AM
    Hi,

    Setting up the TextField Text property should be enough during DirectEvent.

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

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

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.ComboBox1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] { "1", "item1" },
                new object[] { "2", "item2" },
                new object[] { "3", "item3" }
            };
            store.DataBind();
        }
    }

    protected void ComboBoxSelect(object sender, DirectEventArgs e)
    {
        this.TextField1.Text = (sender as ComboBox).SelectedItem.Value;
    }
</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 runat="server">
    <title>Ext.NET v2 Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:ComboBox ID="ComboBox1" runat="server" ValueField="value">
            <Store>
                <ext:Store runat="server">
                    <Model>
                        <ext:Model runat="server">
                            <Fields>
                                <ext:ModelField Name="value" />
                                <ext:ModelField Name="text" />
                            </Fields>
                        </ext:Model>
                    </Model>
                    <Reader>
                        <ext:ArrayReader />
                    </Reader>
                </ext:Store>
            </Store>
            <DirectEvents>
                <Select OnEvent="ComboBoxSelect" />
            </DirectEvents>
        </ext:ComboBox>
        <ext:TextField ID="TextField1" runat="server" />
    </form>
</body>
</html>
    Last edited by Daniil; May 29, 2012 at 1:29 PM.
  3. #3
    May 30, 2012, 12:30 AM
    Quote Originally Posted by Daniil View Post
    Hi,

    Setting up the TextField Text property should be enough during DirectEvent.

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

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

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.ComboBox1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] { "1", "item1" },
                new object[] { "2", "item2" },
                new object[] { "3", "item3" }
            };
            store.DataBind();
        }
    }

    protected void ComboBoxSelect(object sender, DirectEventArgs e)
    {
        this.TextField1.Text = (sender as ComboBox).SelectedItem.Value;
    }
</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 runat="server">
    <title>Ext.NET v2 Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:ComboBox ID="ComboBox1" runat="server" ValueField="value">
            <Store>
                <ext:Store runat="server">
                    <Model>
                        <ext:Model runat="server">
                            <Fields>
                                <ext:ModelField Name="value" />
                                <ext:ModelField Name="text" />
                            </Fields>
                        </ext:Model>
                    </Model>
                    <Reader>
                        <ext:ArrayReader />
                    </Reader>
                </ext:Store>
            </Store>
            <DirectEvents>
                <Select OnEvent="ComboBoxSelect" />
            </DirectEvents>
        </ext:ComboBox>
        <ext:TextField ID="TextField1" runat="server" />
    </form>
</body>
</html>
    Hi Daniil,

    It works!

    Thanks again!!!

    Oliver

Similar Threads

  1. [CLOSED] MVC Ajax - update a grid
    By adelaney in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 22, 2012, 9:44 AM
  2. [CLOSED] How to show mask on ajax update panel update
    By egvt in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 18, 2012, 9:36 PM
  3. [CLOSED] Update a non coolite control with ajax.
    By fquintero in forum 1.x Help
    Replies: 11
    Last Post: Feb 05, 2010, 11:05 PM
  4. How to update a asp.net gridview in ajax callback?
    By tangcan2003 in forum 1.x Help
    Replies: 1
    Last Post: Mar 04, 2009, 11:12 PM
  5. How to update viewstate in ajax event?
    By bruce in forum 1.x Help
    Replies: 1
    Last Post: Feb 08, 2009, 11:00 PM

Posting Permissions