0

是否可以防止 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>
4

0 回答 0