Kereskényi Róbert MSDN Kompetencia Központ Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai Tanszék Saját extender készítése az AJAX Control Toolkit segítségével

2 Toolkit komponens fejlesztéshez  Elsődleges cél az egyszerű, AJAX funkcionalitással bíró kontroll fejlesztése  “Keret” kód része a sablonnak – nem kell külön megírni  Számos extra funkcionalitás és tulajdonság  Programozói modell ugyanaz, mint az ASP.NET AJAX  Community projekt  Community Support (fórum, community honlap, forráskódok, stb.)

3 Toolkit komponensek anatómiája Extender [ClientScript(“…”)] [TargetControlType(typeof(Control))] public class MyExtender : ExtenderControlBase { [ExtenderProperty] public string MyStringProp{} [ExtenderProperty] public int MyIntProp{} }

4 Extender [ClientScript(“…”)] public class MyExtender : ExtenderBase { // … } Behavior MyProject.MyBehavior = function(e) { MyProject.MyBehavior.initializeBase(this, [e]); this._myStringPropValue = null; this._myStringIntValue = 0; } MyProject.MyBehavior.prototype = { initialize function() { … }, get_MyStringProp : function(){}, set_MyStringProp : function(value){}, get_MyIntProp : function(){}, set_MyIntProp : function(value){} } Toolkit komponensek anatómiája

5 Extender [ClientScript(“…”)] public class MyExtender : ExtenderBase { // … } Behavior AtlasControlToolkit.MyBehavior = function() { AtlasControlToolkit.MyBehavior.initializeBase(this); var _myStringPropValue; this.initialize = function() { … } this.get_MyStringProp = function(){} this.set_MyStringProp = function(value){} } Markup <cc1:MyExtender runat=“server” TargetControlID=“TextBox1” MyStringProp=“Hello” MyIntProp=“23”

6 Toolkit komponensek anatómiája Extender [ClientScript(“…”)] public class MyExtender : ExtenderBase { // … } Behavior AtlasControlToolkit.MyBehavior = function() { AtlasControlToolkit.MyBehavior.initializeBase(this); var _myStringPropValue; this.initialize = function() { … } this.get_MyStringProp = function(){} this.set_MyStringProp = function(value){} } Markup <cc1:MyExtender runat=“server” TargetControlID=“TextBox1” MyStringProp=“Hello” MyIntProp=“23” Code MyExtender ex1 = new MyExtender(); ex1.MyStringProp = “Hello”; ex1.MyIntProp = 23; ex1.TargetControlID = “TextBox1”; Page.Add(ex1);

7 RegisterLoginName

8 Összefoglalás  Saját extender készítéséhez az AJAX ControlToolkit SDK kiváló  Elkerülhetetlen a JavaScript kódolás  mivel a kliens oldalon van a megvalósítandó lényeg  Cross Browser support az AJAX által  használjuk az AJAX JavaScript kiegészítéseket  Eddig elképzelhetetlen dolgokat valósíthatunk meg viszonylag egyszerűen

9 További információk  Fejlesztői Portál:   Webfejlesztés témaközpont:   ASP.NET 2.0 Induló Készlet:   MSDN.NET Developer Center   MSDN ASP.NET Developer Center   Hivatalos ASP.NET honlap   Hivatalos ASP.NET AJAX honlap 

10 Kérdések és válaszok Értékelőlapok!

11 © 2007 Microsoft Corporation. Minden jog fenntartva. Az előadás csupán tájékoztató jellegű, a Microsoft Magyarország a benne szereplő esetleges hibákért vagy tévedésekért semmilyen felelősséget nem vállal.