Embedding JS custom controls in XAF web application

The scaffolding mechanism of XAF is suprisingly mighty and complete but in every concrete development the developer needs to adopt the default behaviour of the application and enhance the overall functionality.

In this context the requirements for the web application UI are growing more and more: The application itself and all controls within should stay full responsive, compatible for any device and usable in a modern and high performant way. Targeting these requirements the usage and embedding of any JS/HTML5 controls became a typical task for the developer.

The following informations are describing a proven best-practice approach for doing so and should help you finding an easy access to the referring tasks.



Comparison between different possible ways of implementation

Creation of a Web.API data layer

Creating a JS empowered custom control