Question

为了动态地将项目添加到剑道菜单here in the forums，剑道团队建议使用this example中所述的追加方法附加子菜单。

我已经完成了这个，现在我遇到了箭头无法渲染节点的问题。在此示例中可以看到此问题：http://jsfiddle.net/MMRCf/16/如果您将鼠标悬停在“项目1”上，然后单击“子项目2”，则“子项目2”将填充子菜单。此子菜单缺少用于扩展节点的箭头。

也许这是一个需要报告但我无法在剑道菜单论坛上发帖的错误。

有谁知道如何让箭头图标呈现？

我认为append方法是可以应用修复的地方：

    append: function (item, referenceItem) {
        referenceItem = this.element.find(referenceItem);

        var inserted = this._insert(item, referenceItem, referenceItem.length ? referenceItem.find("> .k-group, .k-animation-container > .k-group") : null);

        each(inserted.items, function (idx) {
            inserted.group.append(this);

            var contents = inserted.contents[idx];
            if (contents) {
                $(this).append(contents);
            }

            updateArrow(this);
        });

        updateArrow(referenceItem);
        updateFirstLast(inserted.group.find(".k-first, .k-last").add(inserted.items));

        return this;
    },

Answer 1

实际上似乎updateArrow函数已被破坏。我已经为下一个版本更新了它，同时您也可以更新它以使其正常工作：

item.find(".k-icon").remove();

到此：

item.find("> .k-link > .k-icon").remove();

Kendo菜单不会为附加项目绘制箭头图标

1 个答案: