在ckeditor 5中动态更新插件视图

Question

我正在使用ckEditor5。我的目标是创建一个简单的搜索功能来执行一些ajax调用，允许用户从结果列表中进行选择并采取相应的措施（插入链接，图像或媒体...）。

问题是我想动态更新插件视图。 类似于以下内容： https : //github.com/ckeditor/ckeditor5/issues/520 ，但是我在工具栏中使用了一个下拉菜单（我从EmbedMedia插件开始，现在不太在意设计） 。 我在他们的git上问了同样的问题（ https://github.com/ckeditor/ckeditor5/issues/1681 ）

我的模板是这样的：

        this.setTemplate( {
            tag: 'form',

            attributes: {
                class: [
                    'ck',
                    'ck-results-form'
                ],

                tabindex: '-1'
            },

            children: [
                this.searchInputView,
                this.searchButtonView,
                {
                    tag: 'div',
                    attributes: {
                        class: [ 'ck-result-grid' ]
                    },
                    children: this.items
                },
                this.saveButtonView,
                this.cancelButtonView,

            ]
        } );


// updateList method is like this:
    updateList( valuesArray ) {
        console.log(this.items);
        this.items = new Array();
        console.log(this.items);
        for (let i = 0; i < valuesArray.length && i < 20; i++) {
            const urlView = new TableSizeGridBoxView(i, valuesArray[i]);
            urlView.on('select-url', () => {
                this._selectedUrl = valuesArray[i];
            });
            this.items.push( urlView );
        }
        console.log(this.items);
        //do something here to force refresh or render the section
    }

我有能力

搜索后，我的预期结果是

最后选择结果。

目前，我可以通过执行console.log来正确地初始化和更新该对象，但是该视图没有更新...与第一个图像一样，它保持空白（这就是为什么我认为必须可以放置一些东西的原因）我//do something here to force refresh or render the section写了//do something here to force refresh or render the section ）。

另外，我可以说TableSizeGridBoxView运行正常，因为如果在视图的初始化中调用for循环，则可以显示任意值。