Question

我想在Vexi应用程序的上下文菜单中添加自定义条目。

我尝试添加contextActions函数，但它会抛出错误：

<textarea>
    thisbox.contextmenu.contextActions = function() {
        return [{
            text: "Foo",
            action: function(v) { cascade = v; vexi.log.info("foo"); },
            enabled: enabled
        }]);
    }
</textarea>

我该怎么做？

Answer 1

要以可重复使用的方式扩展现有的textarea上下文菜单实现，请创建一个预先应用vexi.widget.textarea并在contextActions属性上放置读取陷阱的模板。我们可以使用cascade来调用该属性的读取 - 即调用现有的实现 - 返回一个数组。我们只需添加到该数组：

<vexi xmlns="vexi.widget">
    <textarea>
        // overlays the trap specified in the inherited
        // org.vexi.lib.text.contextmenu by textarea
        thisbox.contextActions ++= function() {
            var actions = cascade;
            actions.push(
            new .menuitem({
                text: "Foo",
                action: function(v) { cascade = v; vexi.log.info("foo"); },
                enabled: enabled
            }));
            return actions;
        }
    </textarea>
</vexi>

<强>背景

扩展现有textarea的关键是理解Traps以及<textarea>小部件如何通过预先应用的模板（以及它们预先应用的模板等）继承。您可以浏览窗口小部件层次结构，从src/vexi/widget/textarea.t开始，然后查找相关的预应用程序。您最终会看到org.vexi.lib.widget.textarea预先应用org.vexi.lib.text.contextmenu，我们可以看到默认的上下文菜单实现以及复制/剪切/粘贴等。

如何在Vexi的textarea中添加自定义上下文菜单？

1 个答案: