Kendo: свойство Direction для контекстного главного меню - PullRequest
0 голосов
/ 03 июля 2018

Я бы хотел использовать опцию direction для контекстного главного меню пунктов. Я искал документацию Kendo и обнаружил, что опция направления доступна для пунктов контекстного подменю Kendo и пунктов меню Kendo.

Kendo Doc Ref: https://docs.telerik.com/kendo-ui/api/javascript/ui/contextmenu

Но в моем случае мне нужно использовать контекстное меню кендо в крайнем правом углу DIV, чтобы открытие контекстного меню попадало в div, не превышая его.

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

Параметр контекстного меню должен находиться в пределах DIV, смысловое меню должно открываться влево.

Любое предложение будет полезным.

1 Ответ

0 голосов
/ 06 июля 2018

Так как мой другой ответ был удален без всякой причины, здесь вы можете увидеть вещи, на которые я ссылался в моем старом ответе (зачем кому-то удалять ответ для такой маленькой аудитории!?!):

Может быть, это поможет: KendoUi: Поддержка справа налево

<!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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...