Javascript sul gruppo nastro

Question

sono riuscito ad ottenere un nuovo gruppo nastro seguendo l'articolo citato in How to create the custom buttons horizontally one below the other in ribbon of Tridion

Ora sto cercando di ottenere un JavaScript in esecuzione ogni volta che qualcosa cambia nella GUI (Eliminazione/Visualizzazione pulsanti).

ho questo nella configurazione:

<!-- In the cfg:groups part --> 
<cfg:group name="ClientGuiMods.ContentGroup" description=""> 
    <cfg:fileset> 
     <cfg:file type="script">/Scripts/CreateRibbonGroup.js</cfg:file> 
    </cfg:fileset> 
    <cfg:dependencies> 
     <cfg:dependency>Tridion.Web.UI.Editors.CME</cfg:dependency> 
    </cfg:dependencies> 
</cfg:group> 

<!-- In the ribbontoolbars add part --> 
<ext:extension pageid="HomePage" name="Content" assignid="ContentGroupId"> 
    <ext:group>~/Scripts/ContentGroup.ascx</ext:group> 
    <ext:dependencies> 
     <cfg:dependency>ClientGuiMods.ContentGroup</cfg:dependency> 
    </ext:dependencies> 
    <ext:apply> 
     <ext:view name="DashboardView"> 
      <ext:control id="DashboardToolbar" /> 
     </ext:view> 
    </ext:apply> 
</ext:extension> 

E questo in Javascript:

Type.registerNamespace("ClientGuiMods"); 

ClientGuiMods.ContentGroup = function ContentGroup(element) 
{ 
    console.log('RibbonGroupCreated'); 
    Tridion.OO.enableInterface(this, "ClientGuiMods.ContentGroup"); 
    this.addInterface("Tridion.Controls.RibbonItemsGroup", [element]); 
}; 

Ho provato diversi argomenti a favore this.addInterface(), ma non è mai viene chiamato. È questo il modo corretto? O c'è forse un altro modo per ottenere uno script chiamato sulla barra multifunzione della barra multifunzione?

Answer 1

@Bart, ho provato la soluzione, ma non ho potuto farlo funzionare.

Scavando un po 'più in Javascripts in chrome ho scoperto che non c'è nessun hook per lanciare Javascript in più come RibbonGroup (correggimi se sbaglio).

Tuttavia, ho trovato un modo per raggiungere la pagina "HomePage" RibbonPage e ottenere l'attivazione degli eventi da lì.

La cosa in più di cui ho bisogno è "c: pagetype = 'Homepage'" nella pagina Ribbon denominata HomePage nel DOM, che non è presente per impostazione predefinita. Questo può essere impostato includendo uno script di evento di caricamento alla fine. Così ora il mio script ha questo aspetto.

Type.registerNamespace("ClientGuiMods"); 

ClientGuiMods.CreateRibbonPage = function CreateRibbonPage(element) 
{ 
    Tridion.OO.enableInterface(this, "ClientGuiMods.CreateRibbonPage"); 
    this.addInterface("Tridion.Controls.RibbonPage", [element]); 
}; 
ClientGuiMods.CreateRibbonPage.prototype.updateState = function CreateRibbonPage$updateState(stateObject) 
{ 
    //... 
    //Ribbonpage logic to update the state of your buttons and groups 
}; 

console.log('Homepage: ' + document.getElementById('HomePage')); //.setAttribute('c:pagetype', 'HomePage'); 

var ClientScripts = { 
    registerHomepage: function() { 
     console.log('adding c:pagetype att'); 

     var homepage = document.getElementById('HomePage'); 

     if (homepage) { 

      homepage.setAttribute('c:pagetype', 'HomePage'); 


     } 
    } 
} 
if (document.addEventListener && !Tridion.Utils.Dom.isIE) 
    $evt.addEventHandler(window, "DOMContentLoaded", ClientScripts.registerHomepage); 
else 
    $evt.addEventHandler(window, "readystatechange", ClientScripts.registerHomepage); 

Tridion.Controls.Deck.registerPageType(ClientGuiMods.CreateRibbonPage, "HomePage"); 

Answer 2

Non ho mai guardato il gruppo come qualcosa di diverso da un contenitore per i comandi (pulsanti di lettura). Quindi l'unica interfaccia che ho usato è Tridion.Cme.Command sul pulsante JavaScript.

Ma penso che quello che stai cercando è la ControlResource quale è possibile specificare nelle vostre ContentGroup.ascx.cs

using Tridion.Web.UI.Core; 
using Tridion.Web.UI.Controls; 
using Tridion.Web.UI.Core.Controls; 

namespace ClientGuiMods 
{ 
    [ControlResources("ClientGuiMods.ContentGroup")] 
    public class ContentGroup : TridionUserControl 
    { 
    } 
} 

Ora, è possibile utilizzare l'interfaccia Tridion.ControlBase in JavaScript.

Type.registerNamespace("ClientGuiMods"); 

ClientGuiMods.ContentGroup = function ContentGroup(element) { 
    console.log('RibbonGroupCreated'); 
    Tridion.OO.enableInterface(this, "ClientGuiMods.ContentGroup"); 
    this.addInterface("Tridion.ControlBase", [element]); 
}; 

ClientGuiMods.ContentGroup.prototype.initialize = function ContentGroup$initialize() { 
    // the control is initialized here, we can use the following properties now 
    var props = this.properties; 
    var controls = props.controls; 
    var container = this.getElement(); 
}; 

Answer 3

potrei essere fuori segnano qui, ma sembra che tu abbia una serie di pulsanti sotto lo stesso gruppo, e si desidera avere queste si comportino in modo coerente in termini di disponibilità.

Avevo un caso simile in cui è necessario attivare lo stesso evento su Salva, Salva & Chiudi e Salva & Nuove operazioni. Quello che ho finito per fare è stato scrivere il codice come estensione di comando Salva (ampiamente basata sui dettagli di Jaime here) e poi, dalle estensioni SaveClose e SaveNew chiamerei le funzioni Save._isEnabled e Save._isAvailable per determinare se i miei comandi fossero disponibile e Save._execute ogni volta che gli editori fanno clic su SaveClose & SaveNew.

Non elegante come il suggerimento di Peter, ma ha fatto il lavoro.