EPiServer - Create dojo property

Aanmaken Dojo propertyEPISERVER CMS 7

www.patrickvankleef.com


Patrick van Kleef• Werkzaam bij Macaw

• Arlanet

• Content management systems

• EPiServer• 3+ jaar ervaring• Find• Commerce• Community

• Umbraco

• Blog: www.patrickvankleef.com


Inleiding

• EPiServer CMS versies• Custom property versie 6• Custom property versie 7

• DOJO

• Scenario custom property• Oplossingen

• Demo


EPiServer CMS• Versie 4• Webforms






EPiServer CMS• Versie 7• Inline Page editing• DOJO

• Versie 8

• Toekomst?


EPiServer CMS (5)6 - property• Admin mode

• PageTypeBuilder – Joel Abrahamsson

• PropertyData• Verantwoordelijk voor opslaan en ophalen waardes• Type• Default waarde

• PropertyString• Op basis van een bestaande property

• PropertyDataControl• UI rendering

• Webforms


Page PropertyType = CustomProperty

PropertyDataCreatePropertyControl()Opslaan & ophalen value

PropertyDataControlUI Rendering


EPiServer CMS 7 - property• Strongly typed page properties

• Module.config• Configuratie widget

• Assembly• Path• Client resources

• EditorDescriptor• Instellingen voor DOJO widget

• PropertyData• Verantwoordelijk voor opslaan en ophalen waardes

• Dojo widget• UI Rendering property


Page PropertyType = IEnumerable<string>UIHint = “custom”BackingType = typeof(CustomPropertyData)

EditorDescriptorUIHint = “custom”TargetType = IEnumerable<string>ClientEditingClass = “app.editors.property”

DOJO WidgetDeclare “app.editors.property”

DOJO StoreContentdata

PropertyDataName = CustomPropertyDataType = IEnumerable<string>Opslaan & ophalen value


DOJO

• Javascript Library• Ondersteund door alle browsers en devices

• Modulair - AMD (Asynchronous Module Definition)


DOJO

• Classes and Extensibility• Dojo/declare


DOJO

• Dijit UI Framework• Form widgets• DojoX

• Extra form widgets• IO helpers• WebSocket• Charting• Mobile solutions


Scenario contactformulier

• Pagina met een contactformulier• Voornaam• Achternaam• Land

• Elk land heeft een apart e-mailadres

• E-mail versturen naar land e-mailadres


Scenario contactformulier – Oplossingen

• Oplossing 1• Container pagina type• Land dropdown• E-mailadres tekstveld

• Oplossing 2• Contact pagina type• Land # e-mailadres tekstveld


Scenario contactformulier – Oplossingen

• Oplossing 3• Custom DOJO property• Landen uitlezen• Dynamisch e-mailadres tekstvelden

• Oplossing 4• Custom DOJO property• Container pagina’s selecteren


Demo


Javascript Debug Files

• > EPiServer 7.6

• EPiServer.CMS.UI.Sources Nuget package

• <clientresources debug=“true” />

• Ben McKernan• http://world.episerver.com/Blogs/Ben-McKernan/Dates/2014/8/Uncompres

sed-JavaScript-for-EPiServer-76/

http://world.episerver.com/Blogs/Ben-McKernan/Dates/2014/8/Uncompressed-JavaScript-for-EPiServer-76/




Bedankt

• www.patrickvankleef.com

• www.github.com/patkleef

http://www.patrickvankleef.com/

http://www.github.com/patkleef

Technology

EPiServer - Create dojo property