2017-02-21 19 views
0

У меня есть диалог CKEditor с двумя вкладками: - просмотреть один - вид двадиалог CKEditor - открыть вторую вкладку на кнопку мыши

Внутренний вид одного У меня есть кнопка, которая должна открыть вид два, если нажата пользователем.

enter image description here

Но я не знаю, как это сделать. Это мой код CKEDITOR.dialog:

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()); 
        } 
       } 
      ] 
     }] 
    }; 
}); 

Мой вопрос: как я должен обращаться с этой кнопкой? Какой метод следует использовать? В принципе, как открыть вид два?

ответ

0

Я нашел решение. В случае щелчка это следует использовать getDialog():

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

Как это:

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