Update Ajax

[chuchufuentes]

Buenas , tengo 3 dropdownlist (DDL), 1 gridview, Proceso: Se selecciona el país, luego en el 2do DDL las provincias o estados de ese país y en el 3ro DDL la regiones del estado seleccionado, funciona perfecto, peroooo el caso esta cuando no existe un Estado del País seleccionado, como hago para que el usuario ingrese el Estado del Pais seleccionado SIN abandonar el formulario, me hablaron del uso del Update de ajax pero no tengo idea de como hacerlo.
Alguien tiene una idea de como hacerlo???

[SDEK]

Antes de echarle mano al asunto, me gustaria saber unas cosas:

El usuario que seleccione Pais > Estado , y en el DDLEstado NO existe un estado asociado al país:

1. ¿CUALQUIER usuario puede agregar un estado?

2. ¿Se debe Guardar en BD y actualizar el DDLEstado para que otros usuarios puedan ver el estado agregado?


* En el código de la aplicación: En caso de que las respuestas a las preguntas sean "SI", podrías ocultar un textbox y en caso de que el DDLEstado no tenga un item seleccionado, lo muestras y el usuario ingresa el nuevo estado.

* En la Base de datos: Recibe como parámetro en un Procedimiento Almacenado un "0" como como IddelEstado y NO lo utilices en la ejecución del procedimiento, haz un INSERTdel nuevo estado en la tabla 'Estados' y genera un nuevo ID para ese estado.

* Finalmente al vover a cargar el webform, cuando cargues los DDL´s, deberás ver el nuevo estado agregado.


* Mis sugerencias:

Crear un ABC para el catalogo de Países. Esto en un modulo o sección aparte dentro del mismo sistema.

Saludos,

[chuchufuentes]

Iniciado por SDEK

Antes de echarle mano al asunto, me gustaria saber unas cosas:

El usuario que seleccione Pais > Estado , y en el DDLEstado NO existe un estado asociado al país:

1. ¿CUALQUIER usuario puede agregar un estado?

2. ¿Se debe Guardar en BD y actualizar el DDLEstado para que otros usuarios puedan ver el estado agregado?


* En el código de la aplicación: En caso de que las respuestas a las preguntas sean "SI", podrías ocultar un textbox y en caso de que el DDLEstado no tenga un item seleccionado, lo muestras y el usuario ingresa el nuevo estado.

* En la Base de datos: Recibe como parámetro en un Procedimiento Almacenado un "0" como como IddelEstado y NO lo utilices en la ejecución del procedimiento, haz un INSERTdel nuevo estado en la tabla 'Estados' y genera un nuevo ID para ese estado.

* Finalmente al vover a cargar el webform, cuando cargues los DDL´s, deberás ver el nuevo estado agregado.


* Mis sugerencias:

Crear un ABC para el catalogo de Países. Esto en un modulo o sección aparte dentro del mismo sistema.

Saludos,

Es correcto la respuesta es SI a todo
Pero recuerda le das click al DDL país, debe aparecer los estados de ese país, pero el Estado que estoy buscando no esta cargado o agregado en el DDL estado, el usuario quiere cargarlo agregarlo sin salirse del formulario.
Habrá una forma de que el usuario escriba en el DDL estado y este se cargue automáticamente ??

[jaullo]

Algo así es lo que requieres:

http://aspalliance.com/1060_How_to_P...SPNET_1x2x.all

[chuchufuentes]

Gracias Jaullo,como siempre pendiente de todo.
Bueno la idea que me diste esta buena pero no es lo busco. El detalle esta en que el usuario, en el momento de carga de sus datos al sistema (Formulario de Carga), quiere incluir un estado X sin tener que salirse del Formulario de Carga e ir al Formulario de Estado para incluir el estado X, luego volver al Formulario de Carga. Todo lo quiere hacerlo allí mismo.
Hice algo: coloque un DIV con 2 textbox y 2 botones (Visible=False), ademas al DDL de estado le incluí o agregue por programa un Ítem llamado "Estado No existe", cuando seleccionan al Item "Estado No existe", al DDL Estado lo pongo Invisible y Visible a los 2 textbox y 2 Botones, agrego el estado, pero no aparece en el DDL estado sino tengo que presionar F5 para que aparezca en el DDL Estado.
Como hago para refresque el DDL estado después de incluir???

[jaullo]

Tendrías que obligadamente hacer una llamada al procedimiento que carga en principio el DropDownList. Pero siempre refrescaría.

Lo mas conveniente sería que lo coloques dentro de un updatepanel, para evitar que se recargue toda la página y no pierdas los datos posteriores.

[chuchufuentes]

Iniciado por jaullo

Tendrías que obligadamente hacer una llamada al procedimiento que carga en principio el DropDownList. Pero siempre refrescaría.

Lo mas conveniente sería que lo coloques dentro de un updatepanel, para evitar que se recargue toda la página y no pierdas los datos posteriores.

Eso es precisamente, un ejemplo de de Ajax updatepanel, como utilizarlo , soy muy pero muy novato trabajando con Ajax.
Un ejemplo (Codigo Visual studio 2005, sql 2005).
Gracias

[SDEK]

Tendrías que ponerle un "AutoPostBack" al DropDrownList también. Y como dice jaullo, deberia estar dentro de un UpdatePanel.


Ejemplo del UpdatePanel con DDL´s:

Código aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._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></title>
</head>
<body>
   
    <form id="form1" runat="server">                  
    <asp:ScriptManager runat="server" ID="scripmanager1"></asp:ScriptManager>                
    
    <div><h1>prueba de refresco de elementos en la pagina</h1></div> 
    
    <!-- primer dropdownlist con el update panel -->
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true"
                onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                <asp:ListItem Text="numero 1"></asp:ListItem>
                <asp:ListItem Text="numero 2"></asp:ListItem>
                <asp:ListItem Text="numero 3"></asp:ListItem>
            </asp:DropDownList>
        </ContentTemplate>
 
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="selectedindexchanged" />
        </Triggers>
    </asp:UpdatePanel>
        
    <!-- segundo dropdownlist con el update panel -->    
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="true" 
                onselectedindexchanged="DropDownList2_SelectedIndexChanged">
            </asp:DropDownList>
        </ContentTemplate>
        
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="DropDownList2" EventName="selectedindexchanged" />
        </Triggers>
    </asp:UpdatePanel>
             
    <!-- tercer dropdownlist con el update panel (este ya no refresca nada y no tiene trigger) -->         
    <asp:UpdatePanel ID="UpdatePanel3" runat="server">
        <ContentTemplate>        
            <asp:DropDownList ID="DropDownList3" runat="server">
            </asp:DropDownList>            
        </ContentTemplate>
    </asp:UpdatePanel>
    
    
 
    </form>
</body>
</html>
 

Código c#:

Página c#:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace WebApplication1
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
 
        protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            DropDownList2.Items.Clear();
            DropDownList2.Items.Add("numero 1");
            DropDownList2.Items.Add("numero 2");
            DropDownList2.Items.Add("numero 3");
        }
 
        protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
        {
            DropDownList3.Items.Clear();
            DropDownList3.Items.Add("numero 1");
            DropDownList3.Items.Add("numero 2");
            DropDownList3.Items.Add("numero 3");
        }
    }
}
 

referencia: http://social.msdn.microsoft.com/For...6-6476f86fe617

Saludos,

[chuchufuentes]

Gracias SDEK corriendo y practicando el ejemplo.

[chuchufuentes]

Bueno mis pana, esto de ajax hay que tomarlo con calma. Tengo mi formulario con 3 DDL (Drop down list), mas un GV (GridView) quiero aplicarle el updatepanel de ajax y no doy pie con bola.
El formulario se presenta sin problema pero cuando le doy click al primer DDL, aparecen 3 DDL mas osea 6, no se donde, me imagino que lo tome de un ejemplo y lo pegue, lo hice a través de de HTML, lo busco en modo de diseño y NO los veos.
Total que mi formulario ya esta en producción y rehacerlo de nuevo da como dolor
Un ejemplo o un paso a paso

Corri el ejemplo y genera este ejemplo

'DropDownList1_SelectedIndexChanged' is not a member of 'ASP.default2_aspx'
el codigo del este error esta arriba SDEK

codigo de mi formulario de 3 DDL

<!-- primer dropdownlist con el update panel -->
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:DropDownList ID="ddlpais" runat="server" AutoPostBack="true"
onselectedindexchanged="ddlpais_SelectedIndexChang ed">

</asp:DropDownList>
</ContentTemplate>

<Triggers>
<asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="selectedindexchanged" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<td style="width: 74px; height: 24px; text-align: center">
<asp:DropDownList ID="ddlregion" runat="server" AppendDataBoundItems="True" Width="185px" AutoPostBack="True"
onselectedindexchanged="ddlregion_SelectedIndexCha nged">
<asp:ListItem>Select</asp:ListItem>
</asp:DropDownList>
</td>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlregion" EventName="selectedindexchanged" />
</Triggers>
</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePanel3" runat="server">
<ContentTemplate>
<td style="width: 271px; height: 24px; text-align: left">
<asp:DropDownList ID="ddlclte" runat="server" AppendDataBoundItems="True" Width="185px" AutoPostBack="True"
onselectedindexchanged="ddlclte_SelectedIndexChang ed">
<asp:ListItem>Select</asp:ListItem>
</asp:DropDownList>

</td>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlclte" EventName="selectedindexchanged" />
</Triggers>
</asp:UpdatePanel>

</tr>
<tr>


Gracias

[chuchufuentes]

Poco a poco voy entiendo Ajax
Esta es la solución a este problema o un desconocimiento mio

Esto se hace con un Updatepanel de ajax, pero tenia un error y era que no colocaba los texboxs y los botones dentro de un UpdatePanel.
Si tienes un DDL dentro de UpdatePanel y quieres esconder colocarlo visible por ejemplo a un control X, al control X debes colocarlo también dentro de un UpdatePanel.Esto me fue útil para hacer los DDL en cascada sin usar el control de cascadding ajax
Saludos
fuentes_jesus yahoo com