Question

I’m using SilverStripe 3.0 CMS, and I need to include a Google Map into the CMS.

I’m following this steps, and besides it’s a little bit old, the official documentation uses the same methods in the current version of SilverStripe (At least it seems to be the current version documentation).

The issue is in this part of the code:

Behaviour.register({ 
    "#Form_EditForm" : { 
        initialize : function() { 
            this.observeMethod("PageLoaded", this.adminPageHandler); 
            this.adminPageHandler(); 
        }, 
        adminPageHandler : function() { 
            initialize(); 
        } 
    } 
}); 

First of all, Behaviour was not defined. I needed to include manually the behaviour.js file that comes within the framework. But now, I get a Type Error:

this.observeMethod is not a function

Can someone give me a hint of what can I do in order to call a javascript function when a page editor is opened in the SilverStripe CMS?

Answer 1

the ‘Behaviour.register’ call you mention is definitly deprecated and no longer available in the core code, so the docs need an update here.

unfortunately, i couldn’t find a documented way to replace this behaviour, but for now the following should work for you, based on the approach in the forum post you mentioned first hand:

find the ‘initGoogleMaps.js’ script added here:

function getCMSFields() { 
Requirements::javascript('mysite/javascript/initGoogleMaps.js');  
...

inside this script, remove the Behaviour.register... block, and move the initialize function outside document.ready (or simply remove the document.ready part), so initialize is globally available (you might consider renaming it).

then, add the following inside getCMSFields:

$fields->addFieldToTab('Root.Content', new LiteralField('js', '<script>initialize();</script>'));

this will ensure the initialize function is called every time a page’s ‘edit view’ is rendered inside the cms.

hth