javascript - 選択時にTinyMCEウィンドウにリストボックスを表示する方法

原文 javascript listbox wordpress tinymce

TinyMCEウィンドウに非表示のリストボックスを表示しようとしています。ユーザーがオプションを選択した後にリストボックスを表示したい。現在、onselect関数で別のポップアップウィンドウを表示するようになっています。これが私がこれまで持ってきたものです。

tinymce.PluginManager.add('newbutton', function( editor, url ) {
    editor.addButton( 'newbutton', {
        title: 'Button',
        text: 'Here is the button',
        onclick: function() {
            editor.windowManager.open({
                title: 'Choose From Listbox 1',
                body: [
                    {
                        type: 'listbox',
                        name: 'vals',
                        label: 'Choose Vals',
                        values: listvals,
                        onselect: function(e){
                            //I want to show another listbox on the same body 
                            editor.windowManager.open({
                                title: 'Choose',
                                body: [
                                    {
                                        type: 'listbox',
                                        name: 'List',
                                        label: 'Choose Style:',
                                        values: fonts,
                                        onselect: function(e){
                                            style = this.value();

                                        }
                                    }
                                ]

                            })
                        }
                    }
                ],
                onsubmit: function(e){

                }
            })
        }
    });
});


私は同じ機能を望みますが、別のウィンドウを開くのではなく、その同じウィンドウに2つ目のリストボックスを表示したいだけです。
答え
それを達成するには、リストボックスをエディターのツールバーにネストし、その変更イベントを関数にバインドする必要があります(他の場所にアタッチしたくない場合は、ツールバーが属するべき場所である可能性が高いです)。例:Guide to Creating Your Own WordPress Editor Buttons
関連記事

javascript - サーバー側のみのロジックのメソッドを使用する必要がありますか?

javascript - Angular.js、Highcharts、Phantomjs PDFプリンター-グラフが表示されない

javascript - 未定義のプロパティ 'validate'を読み取れません

javascript - JavaFxのWebViewでJavaScriptをデバッグする方法は?

javascript - ng-options group byによる角度選択と値の配列の表示

javascript - AngularJSとLaravel 5を正しい方法で使用してデータベースに新しいレコードを追加する方法

javascript - リピート時の色の変化と移動要素のjquery座標

javascript - HTMLフォームからデータ投稿の進捗状況を取得する方法

javascript - divコンテナーに配置した後、jqueryプラグインが機能しなくなるのはなぜですか?

javascript - 複数のテーブルの内容をcsvファイルにダウンロードする方法