Bonjour à tous,

Ne trouvant rien comme Wrapper sur le net pour VisJS, je voudrais savoir si il est possible
d'inclure du javascript dans un Container ?

J'ai essayé pendant plusieurs heures hier mais hélas sans succès.

Je crée un container et dans la propriété html de celui-ci j'y ajoute le code javascript comme ci-dessous mais cela ne fonctionne pas,

j'ai l'impression que tout ce qui se trouve dans les balises script n'est pas exécuté...



Voici le XTemplate que j'ajoute dans la propriété html du container

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
        TplTimeLine : new Ext.XTemplate(
                '<head>',
                '<link rel="stylesheet" type="text/css" href="http://..../application/ux/VisJS/dist/vis.css">',
                '<script type="text/javascript" src="http://...../application/ux/VisJS/dist/vis.js"></script>',
                '</head>',
 
                '<body>',
                'Under Testing',
                '<div id="visualization"></div>',
 
                '<script type="text/javascript">',
                '   var container = document.getElementById("visualization");',
                '   var items = new vis.DataSet([',
                '       {id: 1, content: "item 1", start: "2013-04-20"},',
                '       {id: 2, content: "item 2", start: "2013-04-14"},',
                '       {id: 3, content: "item 3", start: "2013-04-18"},',
                '       {id: 4, content: "item 4", start: "2013-04-16", end: "2013-04-19"},',
                '       {id: 5, content: "item 5", start: "2013-04-25"},',
                '       {id: 6, content: "item 6", start: "2013-04-27"}',
                '   ]);',
 
                '  var options = {};',
 
                '  var timeline = new vis.Timeline(container, items, options);',
                '</script>',
                '</body>'
        )
Je sais que ce n'est pas top comme solution mais j'essaie d'avancer un peu sur mon projet.

Voici ma View

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
Ext.define("PP.view.sheet.TimeLine", {
    extend      : 'Ext.container.Container',
    alias       : 'widget.timeline',
 
    style       : { backgroundColor:'#FFFFFF'},
    padding     : '10px',
 
    layout      : 'border',
    autoScroll  : true,
 
    html        : '<div id="mytimelinesheet"></div>'
});
et voici le code dans mon controller:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
    onTimeLineRendered: function() {
        this.refreshTimeLineSheet(this.application.currentRecord);
    },
 
    refreshTimeLineSheet: function(aRecord) {
        var el = Ext.get("mytimelinesheet");                        
        PP.util.Templates.TplTimeLine.overwrite(el, aRecord.data);
    }
Bien sûr pour l'instant, tout est en dur pour les données mais ensuite l'intérêt du XTemplate sera de remplir les DATAs.

Si quelqu'un a déjà fait ça je suis preneur !

D'avance merci !
Bruno