Question

是否可以阻止Window类的k-window-wtitlebar部分吸收点击事件？

我正在将一个表单插入到窗口的标题中，发现我无法单击表单中的任何选择框，但按钮仍然可以点击。有没有办法让标题栏通过点击事件，但仍然允许拖动窗口？

这是一个显示问题的简短示例 - 标题栏中的选择框会闪烁片刻然后无法打开。我不太熟悉剑道是如何设置来轻松解决这个问题的，现在我一直在抨击自己。我知道有些东西吸收了点击事件，我把它缩小了（我认为）到了k-window-titlebar。有人有什么想法吗？

<link href="assets/ui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="assets/ui/styles/kendo.default.min.css" rel="stylesheet" />
<script src="assets/app/js/jquery.js"></script>
<script src="assets/app/js/jquery.form.min.js"></script>
<script src="assets/app/js/bootstrap.min.js"></script>
<script src="assets/app/js/bootstrap-toggle.min.js"></script>
<script src="assets/app/js/main.js"></script>
<script src="assets/ui/js/kendo.all.min.js"></script>


<style>
form {
    display: inline;
}
</style>
<div class="shell">
<br><br><br><br>
    <div id="window1" class="window">
        <div class="client">
            Test
        </div>
    </div>

    <script>
        $(document).ready(function() {
            var myWindow = $("#window1");


            myWindow.kendoWindow({
                width: "400px",
                height: "200px",
                title: "Test window",
                iframe: true,
                visible: true,
                actions: [
                    "Maximize",
                    "Close"
                ]
            }).data("kendoWindow").center().open();


        var $win = $('#window1');
        console.log($win);
        var $parent = $win.parent('.k-window');
        console.log($parent);
        var $title = $parent.find('.k-window-title');
        console.log($title);
        $title.append($('<form><select><option>one</option><option>two</option></select><button>test</button></form>'));

        });
    </script>
</div>

如何防止k-window-titlebar吸收点击事件

0 个答案: