Dashlet spécifique HelloWorld 2 (2/3)

Introduction

Ce post fait suite au post sur le dashlet HelloWorld 1.
Le dashlet HelloWorld2 introduit le concept de fichier contrôleur javascript.


Structure du projet

Le projet, dans votre IDE, a la structure suivante :

La difference entre HelloWorld 2 et HelloWord 1 réside dans l’utilisation d’un fichier Contrôleur (dans la conception Modèle-Vue-Contrôleur) en javascript (côté serveur), hello-world.get.js.

Analyser les fichiers MVC

Le fichier javascript (contrôleur) peut porter des paires variable-valeur au sein d’une Map (modèle), qui peut être passée au fichier template freemarker (vue).

hello-world.get.js :

function main()

{

// Set the model object

model.greeting = "goodbye";

}

main();

Le fichier javascript inscrit la valeur “goodbye” dans la variable “greeting” de la Map “model”. Cette variable peut être utilisée au sein du fichier template dans des directives freemarker, ou en utilisant la syntaxe ${ }.

hello-world.get.html.ftl :

<script type="text/javascript">//<![CDATA[

new Alfresco.widget.DashletResizer("${args.htmlid}", "${instance.object.id}");

//]]>

</script>

<div class="dashlet">

<div class="title">${msg("header")}</div>

<div class="body scrollableList"

<#if args.height??>style="height: ${args.height}px;"</#if>

>

<div class="detail-list-item first-item last-item">

<span>
<#if greeting=="hello">
${msg("label.hello")}
<#else>
${msg("label.goodbye")}
</#if>
</span>

</div>

</div>

</div>