Hi,
Does anyone know how can I override EasySocial's javascript controllers?
Thanks in advance
Does anyone know how can I override EasySocial's javascript controllers?
Thanks in advance
newController extends EasySocial.Controller.Videos.List{
getVideos : function(){
…
}
}
$('[data-videos-filter]').addController('newController', {
'{parent}': self,
"type": '...'
});
$('[data-some-element]').addController('EasySocial.Videos.List.Custom', {
"{parent}": someOtherController
});
//Original controller
parent = new EasySocial.Controller('EasySocial.Controller.Videos.List');
//Extending default options list
$.extend(true,parent.defaultOptions,{
"{someOption}": "[selector]"
});
//Create new controller
EasySocial.Controller('Videos.List.Custom', {
defaultOptions: parent.defaultOptions //passing extended options
}, function(){
//get controller's body as an object
var child = parent.protoFactory.apply(null, arguments);
//Override parent's methods
$.extend(true,child,{
"getVideos": function(){
alert("debug");
}
});
return child;
});
//Apply new controller
$('[data-videos-listing]').addController('EasySocial.Controller.Videos.List.Custom');