Kendo：上下文主菜单的方向属性

【问题标题】：Kendo: Direction property for context main menuKendo：上下文主菜单的方向属性
【发布时间】：2018-07-03 17:32:12
【问题描述】：

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

剑道文档参考：https://docs.telerik.com/kendo-ui/api/javascript/ui/contextmenu

但在我的情况下，我需要在 DIV 的最右角使用剑道上下文菜单，因此打开上下文菜单应该落在 div 内而不超过它。

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

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

任何建议都会有所帮助。

【问题讨论】：

标签： javascript html css kendo-ui

【解决方案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>

【讨论】：