SlideShare ist ein Scribd-Unternehmen logo

Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit

•
•
pabloesp
pabloesp

Esta presentación hace un respaso completo sobre las técnicas necesarias para desarrollar aplicaciones con Microsoft Ajax 1.0 y el Ajax Control Toolkit. Repasamos conceptos generales sobre Ajax, para revisar, de forma practica, cómo integrar Ajax en aplicaciones ASP.NET 2.0, Servicios Web, etc... Usaremos los controles UpdatePanel, UpdateProgress, etc... así como los elementos del Control Toolkit

Technologie
1 von 92
Pablo Espada Bueno www.esbupa.com www.programadorautonomo.net
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Browser Presentation (HTML/CSS) “ AJAX” Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls “ AJAX” Script Framework Client Application Services Component/UI Framework, Controls Server Application Pages UI Behavior (Managed Code) Initial Rendering (UI + Behavior) Data Data
Browser Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls “ AJAX” Script Framework C lient Application Services Component/UI Framework, Controls Server Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
1. Crear un Banner Dinámico con un UpdatePanel y un Timer
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],function Button1_onclick() { ret = SimpleService.SayHello(document.getElementById("Text1").value,OnComplete,OnTimeOut,OnError); return(true); }
[object Object],function OnComplete(arg) { alert(arg); } function OnTimeOut(arg) { alert("Se ha producido un timeout en la llamada a SayHello"); return(true); } function OnError(arg) { alert("Se ha producido un error en la llamada a SayHello"); return(true); }
1. Realizar una página web que realice una llamada a un servicio web que devuelva un tipo complejo (Por ejemplo, un Cliente) y actualizar la página con los valores retornados por dicho servicio
[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
1. Revisar en la Documentación de AJAX cómo utilizar las características de Membership de ASP.NET desde el cliente y montar la aplicación 2. Revisar el uso de Profile
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:Accordion ID=&quot;MyAccordion&quot; runat=&quot;Server&quot; SelectedIndex=&quot;0&quot; HeaderCssClass=&quot;accordionHeader&quot; ContentCssClass=&quot;accordionContent&quot; AutoSize=&quot;None&quot; FadeTransitions=&quot;true&quot; TransitionDuration=&quot;250&quot; FramesPerSecond=&quot;40&quot; RequireOpenedPane=&quot;false&quot; SuppressHeaderPostbacks=&quot;true&quot;> <Panes> <ajaxToolkit:AccordionPane HeaderCssClass=&quot;accordionHeader&quot; ContentCssClass=&quot;accordionContent&quot;> <Header> . . . </Header> <Content> . . . </Content> </ajaxToolkit:AccordionPane> . . . </Panes> <HeaderTemplate>...</HeaderTemplate> <ContentTemplate>...</ContentTemplate> </ajaxToolkit:Accordion>
[object Object],[object Object],<ajaxToolkit:AlwaysVisibleControlExtender ID=&quot;ace&quot; runat=&quot;server&quot; TargetControlID=&quot;timer&quot; VerticalSide=&quot;Top&quot; VerticalOffset=&quot;10&quot; HorizontalSide=&quot;Right&quot; HorizontalOffset=&quot;10&quot; ScrollEffectDuration=&quot;.1&quot;/>
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:AutoCompleteExtender runat=&quot;server&quot; ID=&quot;autoComplete1&quot; TargetControlID=&quot;myTextBox&quot; ServiceMethod=&quot;GetCompletionList&quot; ServicePath=&quot;AutoComplete.asmx&quot; MinimumPrefixLength=&quot;2&quot; CompletionInterval=&quot;1000&quot; EnableCaching=&quot;true&quot; CompletionSetCount=&quot;12&quot; /> [System.Web.Services.WebMethod] [System.Web.Script.Services.ScriptMethod] public string[] GetCompletionList(string prefixText, int count) Sintaxis del Método
[object Object],[object Object],<ajaxToolkit:Calendar runat=&quot;server&quot; TargetControlID=&quot;Date1&quot; CssClass=&quot;ClassName&quot; Format=&quot;MMMM d, yyyy&quot; PopupButtonID=&quot;Image1&quot; />
[object Object],[object Object],<ajaxToolkit:CascadingDropDown ID=&quot;CDD1&quot; runat=&quot;server&quot; TargetControlID=&quot;DropDownList2&quot; Category=&quot;Model&quot; PromptText=&quot;Please select a model&quot; LoadingText=&quot;[Loading models...]&quot; ServicePath=&quot;CarsService.asmx&quot; ServiceMethod=&quot;GetDropDownContents&quot; ParentControlID=&quot;DropDownList1&quot; SelectedValue=&quot;SomeValue&quot; /> [System.Web.Services.WebMethod] [System.Web.Script.Services.ScriptMethod] public static CascadingDropDownNameValue[] GetDropDownContents( string knownCategoryValues, string category) { ... } Sintaxis del Método
1. Crear una Página con CascadingDropDownLists que permita seleccionar Provincia - Localidad Podéis ayudaros del ejemplo del ToolKit y del Tutorial
[object Object],[object Object],<ajaxToolkit:CollapsiblePanelExtender ID=&quot;cpe&quot; runat=&quot;Server&quot; TargetControlID=&quot;Panel1&quot; CollapsedSize=&quot;0&quot; ExpandedSize=&quot;300&quot; Collapsed=&quot;True&quot; ExpandControlID=&quot;LinkButton1&quot; CollapseControlID=&quot;LinkButton1&quot; AutoCollapse=&quot;False&quot; AutoExpand=&quot;False&quot; ScrollContents=&quot;True&quot; TextLabelID=&quot;Label1&quot; CollapsedText=&quot;Show Details...&quot; ExpandedText=&quot;Hide Details&quot; ImageControlID=&quot;Image1&quot; ExpandedImage=&quot;~/images/collapse.jpg&quot; CollapsedImage=&quot;~/images/expand.jpg&quot; ExpandDirection=&quot;Height&quot; />
[object Object],[object Object],<ajaxToolkit:ConfirmButtonExtender ID=&quot;cbe&quot; runat=&quot;server&quot; TargetControlID=&quot;LinkButton1&quot; ConfirmText=&quot;Are you sure you want to click this?&quot; />
[object Object],[object Object],<ajaxToolkit:DragPanelExtender ID=&quot;DPE1&quot; runat=&quot;server&quot; TargetControlID=&quot;Panel3&quot; DragHandleID=&quot;Panel4&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:DropDownExtender runat=&quot;server&quot; ID=&quot;DDE&quot; TargetControlID=&quot;TextLabel&quot; DropDownControlID=&quot;DropPanel&quot; />
[object Object],[object Object],<ajaxToolkit:DropShadowExtender ID=&quot;dse&quot; runat=&quot;server&quot; TargetControlID=&quot;Panel1&quot; Opacity=&quot;.8&quot; Rounded=&quot;true&quot; TrackPosition=&quot;true&quot; />
[object Object],[object Object],<ajaxToolkit:DynamicPopulateExtender ID=&quot;dp&quot; runat=&quot;server&quot; TargetControlID=&quot;Panel1&quot; ClearContentsDuringUpdate=&quot;true&quot; PopulateTriggerControlID=&quot;Label1&quot; ServiceMethod=&quot;GetHtml&quot; /> [System.Web.Services.WebMethod] [System.Web.Script.Services.ScriptMethod] string DynamicPopulateMethod(string contextKey) { ... } Sintaxis del Método
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:FilteredTextBoxExtender ID=&quot;ftbe&quot; runat=&quot;server&quot; TargetControlID=&quot;TextBox3&quot; FilterType=&quot;Custom, Numbers&quot; ValidChars=&quot;+-=/*().&quot; />
[object Object],[object Object],<ajaxToolkit:HoverMenuExtender ID=&quot;hme2&quot; runat=&quot;Server&quot; TargetControlID=&quot;Panel9&quot; PopupControlID=&quot;PopupMenu&quot; HoverCssClass=&quot;popupHover&quot; PopupPosition=&quot;Left&quot; OffsetX=&quot;0&quot; OffsetY=&quot;0&quot; PopDelay=&quot;50&quot; />
[object Object],[object Object],<ajaxToolkit:ListSearchExtender id=&quot;LSE&quot; runat=&quot;server&quot; TargetControlID=&quot;ListBox1&quot; PromptText=&quot;Type to search&quot; PromptCssClass=&quot;ListSearchExtenderPrompt&quot; PromptPosition=&quot;Top&quot; />
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:MaskedEditExtender TargetControlID=&quot;TextBox2&quot; Mask=&quot;99,999.99&quot; MessageValidatorTip=&quot;true&quot; OnFocusCssClass=&quot;MaskedEditFocus&quot; OnInvalidCssClass=&quot;MaskedEditError&quot; MaskType=&quot;Number&quot; InputDirection=&quot;RightToLeft&quot; AcceptNegative=&quot;Left&quot; DisplayMoney=&quot;Left&quot;/> <ajaxToolkit:MaskedEditValidator ControlExtender=&quot;MaskedEditExtender2&quot; ControlToValidate=&quot;TextBox2&quot; IsValidEmpty=&quot;False&quot; MaximumValue=&quot;12000&quot; EmptyValueMessage=&quot;Number is required&quot; InvalidValueMessage=&quot;Number is invalid&quot; MaximumValueMessage=&quot;Number > 12.000&quot; MinimumValueMessage=&quot;Number < -100&quot; MinimumValue=&quot;-100&quot; ValidationGroup=&quot;Demo1&quot; Display=&quot;Dynamic&quot; TooltipMessage=&quot;Input a number: -100 up to 12.000&quot;/>
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:ModalPopupExtender ID=&quot;MPE&quot; runat=&quot;server&quot; TargetControlID=&quot;LinkButton1&quot; PopupControlID=&quot;Panel1&quot; BackgroundCssClass=&quot;modalBackground&quot; DropShadow=&quot;true&quot; OkControlID=&quot;OkButton&quot; OnOkScript=&quot;onOk()&quot; CancelControlID=&quot;CancelButton&quot; PopupDragHandleControlID=&quot;Panel3&quot; />
1. Realizar un ejemplo en el que, con un ModalPopUp, se seleccione que método de un servicio web se quiere ejecutar Tras la selección ejecutaremos este método y mostraremos el resultado por pantalla
[object Object],[object Object],<ajaxToolkit:MutuallyExclusiveCheckboxExtender runat=&quot;server&quot; ID=&quot;MustHaveGuestBedroomCheckBoxEx&quot; TargetControlID=&quot;MustHaveGuestBedroomCheckBox&quot; Key=&quot;GuestBedroomCheckBoxes&quot; />
[object Object],[object Object],<ajaxToolkit:NoBot ID=&quot;NoBot2&quot; runat=&quot;server&quot; OnGenerateChallengeAndResponse=&quot;CustomChallengeResponse&quot; ResponseMinimumDelaySeconds=&quot;2&quot; CutoffWindowSeconds=&quot;60&quot; CutoffMaximumInstances=&quot;5&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:NumericUpDownExtender ID=&quot;NUD1&quot; runat=&quot;server&quot; TargetControlID=&quot;TextBox1&quot; Width=&quot;100&quot; RefValues=&quot;January;February;March;April&quot; TargetButtonDownID=&quot;Button1&quot; TargetButtonUpID=&quot;Button2&quot; ServiceDownPath=&quot;WebService1.asmx&quot; ServiceDownMethod=&quot;PrevValue&quot; ServiceUpPath=&quot;WebService1.asmx&quot; ServiceUpMethod=&quot;NextValue&quot; Tag=&quot;1&quot; />
[object Object],[object Object],<ajaxToolkit:PagingBulletedListExtender ID=&quot;PBLE1&quot; runat=&quot;server&quot; TargetControlID=&quot;BulletedList1&quot; ClientSort=&quot;true&quot; IndexSize=&quot;1&quot; MaxItemPerPage=&quot;20&quot; Separator=&quot; - &quot; SelectIndexCssClass=&quot;selectIndex&quot; UnselectIndexCssClass=&quot;unSelectIndex&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:PasswordStrength ID=&quot;PS&quot; runat=&quot;server&quot; TargetControlID=&quot;TextBox1&quot; DisplayPosition=&quot;RightSide&quot; StrengthIndicatorType=&quot;Text&quot; PreferredPasswordLength=&quot;10&quot; PrefixText=&quot;Strength:&quot; TextCssClass=&quot;TextIndicator_TextBox1&quot; MinimumNumericCharacters=&quot;0&quot; MinimumSymbolCharacters=&quot;0&quot; RequiresUpperAndLowerCaseCharacters=&quot;false&quot; TextStrengthDescriptions=&quot;Very Poor;Weak;Average;Strong;Excellent&quot; CalculationWeightings=&quot;50;15;15;20&quot; />
[object Object],[object Object],<ajaxToolkit:PopupControlExtender ID=&quot;PopEx&quot; runat=&quot;server&quot; TargetControlID=&quot;DateTextBox&quot; PopupControlID=&quot;Panel1&quot; Position=&quot;Bottom&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:Rating ID=&quot;ThaiRating&quot; runat=&quot;server&quot; CurrentRating=&quot;2&quot; MaxRating=&quot;5&quot; StarCssClass=&quot;ratingStar&quot; WaitingStarCssClass=&quot;savedRatingStar&quot; FilledStarCssClass=&quot;filledRatingStar&quot; EmptyStarCssClass=&quot;emptyRatingStar&quot; OnChanged=&quot;ThaiRating_Changed&quot; />
[object Object],[object Object],<ajaxToolkit:ReorderList ID=&quot;ReorderList1&quot; runat=&quot;server&quot; DataSourceID=&quot;ObjectDataSource1&quot; DragHandleAlignment=&quot;Left&quot; ItemInsertLocation=&quot;Beginning&quot; DataKeyField=&quot;ItemID&quot; SortOrderField=&quot;Priority&quot; AllowReorder=&quot;true&quot;> <ItemTemplate>...</ItemTemplate> <ReorderTemplate>...</ReorderTemplate> <DragHandleTemplate>...</DragHandleTemplate> <InsertItemTemplate>...</InsertItemTemplate> </ajaxToolkit:ReorderList>
[object Object],[object Object],[object Object],<ajaxToolkit:ResizableControlExtender ID=&quot;RCE&quot; runat=&quot;server&quot; TargetControlID=&quot;PanelImage&quot; HandleCssClass=&quot;handleImage&quot; ResizableCssClass=&quot;resizingImage&quot; MinimumWidth=&quot;50&quot; MinimumHeight=&quot;20&quot; MaximumWidth=&quot;260&quot; MaximumHeight=&quot;130&quot; OnClientResize=&quot;OnClientResizeImage&quot; HandleOffsetX=&quot;3&quot; HandleOffsetY=&quot;3&quot; />
[object Object],[object Object],<ajaxToolkit:RoundedCornersExtender ID=&quot;rce&quot; runat=&quot;server&quot; TargetControlID=&quot;Panel1&quot; Radius=&quot;6&quot; Corners=&quot;All&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:SliderExtender ID=&quot;SliderExtender1&quot; runat=&quot;server&quot; TargetControlID=&quot;Slider1&quot; Minimum=&quot;-100&quot; Maximum=&quot;100&quot; BoundControlID=&quot;Slider1_BoundControl&quot; Steps=&quot;5&quot; /> <ajaxToolkit:SliderExtender ID=&quot;SliderExtender2&quot; runat=&quot;server&quot; TargetControlID=&quot;Slider2&quot; BoundControlID=&quot;Slider2_BoundControl&quot; Orientation=&quot;Vertical&quot; EnableHandleAnimation=&quot;true&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:SlideShowExtender ID=&quot;SlideShowExtender1&quot; runat=&quot;server&quot; TargetControlID=&quot;Image1&quot; SlideShowServiceMethod=&quot;GetSlides&quot; AutoPlay=&quot;true&quot; ImageDescriptionLabelID=&quot;imageLabel1&quot; NextButtonID=&quot;nextButton&quot; PlayButtonText=&quot;Play&quot; StopButtonText=&quot;Stop&quot; PreviousButtonID=&quot;prevButton&quot; PlayButtonID=&quot;playButton&quot; Loop=&quot;true&quot; /> [System.Web.Services.WebMethod] [System.Web.Script.Services.ScriptMethod] public AjaxControlToolkit.Slide[] GetSlides() { ... } Sintaxis del Método
[object Object],[object Object],[object Object],<ajaxToolkit:TabContainer runat=&quot;server&quot; OnClientActiveTabChanged=&quot;ClientFunction&quot; Height=&quot;150px&quot;> <ajaxToolkit:TabPanel runat=&quot;server&quot; HeaderText=&quot;Signature and Bio&quot; <ContentTemplate> ... </ContentTemplate> /> </ajaxToolkit:TabContainer>
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:TextBoxWatermarkExtender ID=&quot;TBWE2&quot; runat=&quot;server&quot; TargetControlID=&quot;TextBox1&quot; WatermarkText=&quot;Type First Name Here&quot; WatermarkCssClass=&quot;watermarked&quot; />
[object Object],[object Object],<ajaxToolkit:ToggleButtonExtender ID=&quot;ToggleEx&quot; runat=&quot;server&quot; TargetControlID=&quot;CheckBox1&quot; ImageWidth=&quot;19&quot; ImageHeight=&quot;19&quot; CheckedImageAlternateText=&quot;Check&quot; UncheckedImageAlternateText=&quot;UnCheck&quot; UncheckedImageUrl=&quot;ToggleButton_Unchecked.gif&quot; CheckedImageUrl=&quot;ToggleButton_Checked.gif&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:ValidatorCalloutExtender runat=&quot;Server&quot; ID=&quot;PNReqE&quot; TargetControlID=&quot;PNReq&quot; Width=&quot;350px&quot; HighlightCssClass=&quot;highlight&quot; WarningIconImageUrl=&quot;warning.gif&quot; CloseImageUrl=&quot;close.gif&quot; />
1. Para el típico formulario de captura de datos (al ménos con 5 campos), añadirle comportamientos AJAX para mejorar la experiencia del usuario
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
www.programadorautonomo.net

Empfohlen

EMI - Kraz presentation
EMI - Kraz presentationEMI - Kraz presentation
EMI - Kraz presentationK C Yee
 
Product: Power Factor & Harmonics: StacoSine: Technical
Product: Power Factor & Harmonics: StacoSine: TechnicalProduct: Power Factor & Harmonics: StacoSine: Technical
Product: Power Factor & Harmonics: StacoSine: TechnicalStaco Energy
 
The next generation of IT security
The next generation of IT securityThe next generation of IT security
The next generation of IT securitySophos Benelux
 
Radar 2009 a 19 electronic counter measures
Radar 2009 a 19 electronic counter measuresRadar 2009 a 19 electronic counter measures
Radar 2009 a 19 electronic counter measuresForward2025
 
Multi-Funtion Phased Array Radar
Multi-Funtion Phased Array RadarMulti-Funtion Phased Array Radar
Multi-Funtion Phased Array RadarMistral Solutions
 
Frequency response analysis (FRA) of transformer
Frequency response analysis (FRA) of transformerFrequency response analysis (FRA) of transformer
Frequency response analysis (FRA) of transformerRaveendranath Macherla
 
Como se hacen los gif animados
Como se hacen los gif animadosComo se hacen los gif animados
Como se hacen los gif animadoscarlosfernandochalamurcia
 
Presentación Animada 100 diapositivas
Presentación Animada 100 diapositivasPresentación Animada 100 diapositivas
Presentación Animada 100 diapositivasMaiteMiguens
 

Empfohlen

EMI - Kraz presentation
EMI - Kraz presentationEMI - Kraz presentation
EMI - Kraz presentationK C Yee
 
Product: Power Factor & Harmonics: StacoSine: Technical
Product: Power Factor & Harmonics: StacoSine: TechnicalProduct: Power Factor & Harmonics: StacoSine: Technical
Product: Power Factor & Harmonics: StacoSine: TechnicalStaco Energy
 
The next generation of IT security
The next generation of IT securityThe next generation of IT security
The next generation of IT securitySophos Benelux
 
Radar 2009 a 19 electronic counter measures
Radar 2009 a 19 electronic counter measuresRadar 2009 a 19 electronic counter measures
Radar 2009 a 19 electronic counter measuresForward2025
 
Multi-Funtion Phased Array Radar
Multi-Funtion Phased Array RadarMulti-Funtion Phased Array Radar
Multi-Funtion Phased Array RadarMistral Solutions
 
Frequency response analysis (FRA) of transformer
Frequency response analysis (FRA) of transformerFrequency response analysis (FRA) of transformer
Frequency response analysis (FRA) of transformerRaveendranath Macherla
 
Como se hacen los gif animados
Como se hacen los gif animadosComo se hacen los gif animados
Como se hacen los gif animadoscarlosfernandochalamurcia
 
Presentación Animada 100 diapositivas
Presentación Animada 100 diapositivasPresentación Animada 100 diapositivas
Presentación Animada 100 diapositivasMaiteMiguens
 
Bio ppt
Bio pptBio ppt
Bio pptVaishnav Sethumadhavan
 
Presentación 1 GIF
Presentación 1 GIFPresentación 1 GIF
Presentación 1 GIFLuis Angel Jimenez Perez
 
tipos de imagenes
tipos de imagenestipos de imagenes
tipos de imagenesDanIri
 
Dibujo animado power point
Dibujo animado power pointDibujo animado power point
Dibujo animado power pointFran Vargas
 
Diapositivas comercio exterior
Diapositivas comercio exteriorDiapositivas comercio exterior
Diapositivas comercio exteriorKioko Solar
 
Auxiliares en el diagnostico de neumologia
Auxiliares en el diagnostico de neumologiaAuxiliares en el diagnostico de neumologia
Auxiliares en el diagnostico de neumologiaCarlos Rene Espino de la Cueva
 
Procedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratoriasProcedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratoriasMariola Monterde
 
Metodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratoriasMetodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratoriasArianita Mishu
 
Presentación clima organizacional
Presentación clima organizacionalPresentación clima organizacional
Presentación clima organizacionalcarlacasanova31
 
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARES
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARESMÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARES
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARESHOSPITAL CLINICO UNIVERSIDAD DE CHILE
 
Cultura Y Clima Organizacional
Cultura Y Clima OrganizacionalCultura Y Clima Organizacional
Cultura Y Clima Organizacionalwishna
 
Diapositiva clima organizacional
Diapositiva clima organizacionalDiapositiva clima organizacional
Diapositiva clima organizacionalrieryk
 
Clima Laboral
Clima LaboralClima Laboral
Clima Laboralguestca671d
 
Presentacion clima laboral
Presentacion clima laboralPresentacion clima laboral
Presentacion clima laboraljuancastillosiente
 
Clima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointClima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointCatalina Gallego
 
Clima Organizacional
Clima OrganizacionalClima Organizacional
Clima OrganizacionalDanny Sayago
 
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...rosaemiliagm
 
Material Didáctico para Educación Inicial
Material Didáctico para Educación InicialMaterial Didáctico para Educación Inicial
Material Didáctico para Educación Inicialromuloenrique
 
Metodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completaMetodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completaJose Manuel Yepiz Carrillo
 
Ajax Atlas
Ajax AtlasAjax Atlas
Ajax AtlasVicente Ordonez
 
Asp .Net Ajax: Patrones
Asp .Net Ajax: PatronesAsp .Net Ajax: Patrones
Asp .Net Ajax: Patronesjuliocasal
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NETwilliamsm
 

Weitere ähnliche Inhalte

Andere mochten auch

tipos de imagenes
tipos de imagenestipos de imagenes
tipos de imagenesDanIri
 
Dibujo animado power point
Dibujo animado power pointDibujo animado power point
Dibujo animado power pointFran Vargas
 
Diapositivas comercio exterior
Diapositivas comercio exteriorDiapositivas comercio exterior
Diapositivas comercio exteriorKioko Solar
 
Procedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratoriasProcedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratoriasMariola Monterde
 
Metodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratoriasMetodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratoriasArianita Mishu
 
Presentación clima organizacional
Presentación clima organizacionalPresentación clima organizacional
Presentación clima organizacionalcarlacasanova31
 
Cultura Y Clima Organizacional
Cultura Y Clima OrganizacionalCultura Y Clima Organizacional
Cultura Y Clima Organizacionalwishna
 
Diapositiva clima organizacional
Diapositiva clima organizacionalDiapositiva clima organizacional
Diapositiva clima organizacionalrieryk
 
Clima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointClima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointCatalina Gallego
 
Clima Organizacional
Clima OrganizacionalClima Organizacional
Clima OrganizacionalDanny Sayago
 
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...rosaemiliagm
 
Material Didáctico para Educación Inicial
Material Didáctico para Educación InicialMaterial Didáctico para Educación Inicial
Material Didáctico para Educación Inicialromuloenrique
 
Metodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completaMetodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completaJose Manuel Yepiz Carrillo
 

Andere mochten auch (19)

Bio ppt
Bio pptBio ppt
Bio ppt
 
Presentación 1 GIF
Presentación 1 GIFPresentación 1 GIF
Presentación 1 GIF
 
tipos de imagenes
tipos de imagenestipos de imagenes
tipos de imagenes
 
Dibujo animado power point
Dibujo animado power pointDibujo animado power point
Dibujo animado power point
 
Diapositivas comercio exterior
Diapositivas comercio exteriorDiapositivas comercio exterior
Diapositivas comercio exterior
 
Auxiliares en el diagnostico de neumologia
Auxiliares en el diagnostico de neumologiaAuxiliares en el diagnostico de neumologia
Auxiliares en el diagnostico de neumologia
 
Procedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratoriasProcedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratorias
 
Metodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratoriasMetodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratorias
 
Presentación clima organizacional
Presentación clima organizacionalPresentación clima organizacional
Presentación clima organizacional
 
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARES
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARESMÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARES
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARES
 
Cultura Y Clima Organizacional
Cultura Y Clima OrganizacionalCultura Y Clima Organizacional
Cultura Y Clima Organizacional
 
Diapositiva clima organizacional
Diapositiva clima organizacionalDiapositiva clima organizacional
Diapositiva clima organizacional
 
Clima Laboral
Clima LaboralClima Laboral
Clima Laboral
 
Presentacion clima laboral
Presentacion clima laboralPresentacion clima laboral
Presentacion clima laboral
 
Clima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointClima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpoint
 
Clima Organizacional
Clima OrganizacionalClima Organizacional
Clima Organizacional
 
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
 
Material Didáctico para Educación Inicial
Material Didáctico para Educación InicialMaterial Didáctico para Educación Inicial
Material Didáctico para Educación Inicial
 
Metodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completaMetodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completa
 

Ähnlich wie Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit

Asp .Net Ajax: Patrones
Asp .Net Ajax: PatronesAsp .Net Ajax: Patrones
Asp .Net Ajax: Patronesjuliocasal
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NETwilliamsm
 
2009_asp.net_capitulo_1
2009_asp.net_capitulo_12009_asp.net_capitulo_1
2009_asp.net_capitulo_1zhylz Zevallos
 
Presentacion sobre asp
Presentacion sobre aspPresentacion sobre asp
Presentacion sobre aspkarenReyes152
 
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicasASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicasVíctor Acosta Santivañez
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias webFRISLY5
 
Introduccion Ajax V1.0
Introduccion Ajax V1.0Introduccion Ajax V1.0
Introduccion Ajax V1.0Arnulfo Gomez
 
Desarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con AjaxDesarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con Ajaxjuliocasal
 

Ähnlich wie Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit (20)

Ajax Atlas
Ajax AtlasAjax Atlas
Ajax Atlas
 
Asp .Net Ajax: Patrones
Asp .Net Ajax: PatronesAsp .Net Ajax: Patrones
Asp .Net Ajax: Patrones
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NET
 
AJAX EN CURSO PHP
AJAX EN CURSO PHPAJAX EN CURSO PHP
AJAX EN CURSO PHP
 
Ajax
AjaxAjax
Ajax
 
2009_asp.net_capitulo_1
2009_asp.net_capitulo_12009_asp.net_capitulo_1
2009_asp.net_capitulo_1
 
Ajax
AjaxAjax
Ajax
 
Presentacion sobre asp
Presentacion sobre aspPresentacion sobre asp
Presentacion sobre asp
 
Asp
AspAsp
Asp
 
Asp.net
Asp.netAsp.net
Asp.net
 
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicasASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
 
Libro introducción a ajax
Libro introducción a ajaxLibro introducción a ajax
Libro introducción a ajax
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
Ajax
AjaxAjax
Ajax
 
Servicios web
Servicios webServicios web
Servicios web
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Introduccion Ajax V1.0
Introduccion Ajax V1.0Introduccion Ajax V1.0
Introduccion Ajax V1.0
 
AJAX
AJAXAJAX
AJAX
 
Desarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con AjaxDesarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con Ajax
 

Kürzlich hochgeladen

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIACLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 

Kürzlich hochgeladen (13)

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIACLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 

Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit

  • 1. Pablo Espada Bueno www.esbupa.com www.programadorautonomo.net
  • 2.
  • 3.
  • 4.
  • 5.  
  • 6.
  • 7.
  • 8.
  • 9.  
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Browser Presentation (HTML/CSS) “ AJAX” Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls “ AJAX” Script Framework Client Application Services Component/UI Framework, Controls Server Application Pages UI Behavior (Managed Code) Initial Rendering (UI + Behavior) Data Data
  • 19. Browser Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls “ AJAX” Script Framework C lient Application Services Component/UI Framework, Controls Server Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. 1. Crear un Banner Dinámico con un UpdatePanel y un Timer
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. 1. Realizar una página web que realice una llamada a un servicio web que devuelva un tipo complejo (Por ejemplo, un Cliente) y actualizar la página con los valores retornados por dicho servicio
  • 35.
  • 36.
  • 37.
  • 38. 1. Revisar en la Documentación de AJAX cómo utilizar las características de Membership de ASP.NET desde el cliente y montar la aplicación 2. Revisar el uso de Profile
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52. 1. Crear una Página con CascadingDropDownLists que permita seleccionar Provincia - Localidad Podéis ayudaros del ejemplo del ToolKit y del Tutorial
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64. 1. Realizar un ejemplo en el que, con un ModalPopUp, se seleccione que método de un servicio web se quiere ejecutar Tras la selección ejecutaremos este método y mostraremos el resultado por pantalla
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81. 1. Para el típico formulario de captura de datos (al ménos con 5 campos), añadirle comportamientos AJAX para mejorar la experiencia del usuario
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.