剑道:上下文主菜单的方向属性



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

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

但就我而言,我需要在 DIV 的最右角使用 kendo 上下文菜单,以便打开上下文菜单应该落在不超过它的div 内。

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

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

任何建议都会有所帮助。

由于我的另一个答案被无缘无故地删除了,在这里你可以看到我用我的旧答案引用的东西(为什么有人会删除这么小的观众的答案?!(:

也许这会有所帮助: 剑道UI:从右到左的支持

<!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>

最新更新