Question

我想对 kendo上下文主菜单项目使用方向选项。我在Kendo文档中进行了搜索，发现该方向选项可用于Kendo上下文子菜单项和Kendo菜单项。

Kendo Doc参考：https://docs.telerik.com/kendo-ui/api/javascript/ui/contextmenu

但是，在我的情况下，我需要在DIV的最右端使用kendo上下文菜单，以便打开上下文菜单应位于div范围之内，而不超过它。

My code: https://codepen.io/JGSpark/pen/XYQjmR

上下文菜单选项应位于DIV范围内，含义菜单应向左打开。

任何建议都会有所帮助。

Answer 1

由于我的其他答案被无缘无故删除，在这里您可以看到我以前的答案所引用的内容（为什么有人会删除这么小的听众的答案！？！）：

也许有帮助：KendoUi：Right-to-left support

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.rtl.min.css" />   <!-- Add this to your hmtl -->
    <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
<body>
    <div id="example">
        <div class="demo-section k-content k-rtl"> <!-- The k-rtl property makes the context menu go to the left -->
            <ul id="menu">              <!-- Here is your context menu -->
                <li>...</li>
                <li>...</li>
                <li>...</li>
            </ul>
        </div>

        <script>
            $(document).ready(function() {
                $("#menu").kendoMenu();
            });
        </script>
    </div>
</body>
</html>

剑道：上下文主菜单的Direction属性

1 个答案: