CKEditor Dialog - offene zweite Registerkarte auf die Schaltfläche klicken

Question

Ich habe CKEditor Dialog mit zwei Registerkarten: - Ansicht einer - Ansicht zwei

Innenansicht, die ich auf eine Schaltfläche, die zwei Ansicht geöffnet werden soll, wenn der Benutzer geklickt hat.

Aber ich weiß nicht, wie dies zu tun. Das ist mein CKEDITOR.dialog code:

CKEDITOR.dialog.add('placeholder', function(editor) { 
    var lang = editor.lang.placeholder, 
     generalLabel = editor.lang.common.generalTab, 
     validNameRegex = /^[^\[\]<>]+$/; 

    return { 
     title: 'some title', 
     minWidth: 300, 
     minHeight: 150, 
     contents: [{ 
      id: 'initial-view', 
      label: 'view one', 
      title: generalLabel, 
      elements: [{ 
       id: 'name-one', 
       style: 'width: 100%;', 
       type: 'html', 
       html: 'Organizational units' 
      }, { 
       type: 'button', 
       id: 'buttonId', 
       label: 'Click me', 
       title: 'My title', 
       setup: function(widget) { 

        }, 
       onClick: function(widget) { 
        // this = CKEDITOR.ui.dialog.button 
        My code should go here........? 
       } 
      }] 
     }, { 
      id: 'organizational-unit-view', 
      label: 'view two', 
      title: generalLabel, 
      elements: [ 
       // Dialog window UI elements. 
       { 
        id: 'list-of-vars', 
        style: 'width: 100%;', 
        type: 'html', 
        html: 'second view --- html goes here', 
        label: lang.name, 
        setup: function(widget) { 
         this.setValue(widget.data.name); 
        }, 
        commit: function(widget) { 
         widget.setData('name', this.getValue()); 
        } 
       } 
      ] 
     }] 
    }; 
}); 

Meine Frage ist, wie soll ich mit diesem Button klicken? Welche Methode sollte ich verwenden? Im Grunde, wie man Ansicht zwei öffnet?

Answer 1

Ich fand eine Lösung. Auf Click-Ereignis ist, sollte getDialog() verwenden:

this.getDialog().selectPage('your-content-id); 

So:

onClick: function(widget) { 
    this.getDialog().selectPage('organizational-unit-view'); 
}