Question

我创建了一个Kendo模型弹出窗口，我想点击一个按钮或超链接打开它，并在模型上添加一个关闭按钮。现在它只加载模型一旦我运行表单而不点击按钮，它工作正常，但这不是我想要的。我是剑道新手，我正在努力学习它。

用户必须单击show model才能打开按钮
模型开放
在模型上有两个按钮。关闭并保存
用户必须单击关闭，模式必须关闭。

我尝试了以下内容，

模型视图

<div class="form-group form-horizontal custom-form">
            <label id="txtDate"> Date:</label>
            <div id="calendar2" class="input-group">
                <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                </div>
                <input type="date" class="form-control pull-right" id="txtDate">
            </div>
        </div>

        <div class="modal-footer">
            <button class="btn btn-default" id="btnClose" type="button">Cancel</button>
            <button class="btn btn-primary" id="btnSave" type="submit">Save</button>
        </div>

 </div>

必须调用模型视图的按钮

<div>
<button type="button" id="showModal" class="btn btn-primary">Show   Model</button>
</div>

的Javascript

    <script type="text/javascript">
    $(document).ready(function () {

      $("#dialog").kendoWindow({
            title: "Edit Roles", 
            maxHeight: 500,
            maxWidth: 400,
            position: {
                top: 450,  
                left: "50%"  
            },               
            resizable: false, 
            scrollable: false, 
            modal: true, 

            close: function () {
                $("#dialog").kendoWindow()
                var win = this;
                $('#btnClose').click(function () {
                    win.close();
                    alert("closed")
                })
            }
        });
    });
       </script>

如何在按钮单击时打开Kendo模型弹出窗口，并使用按钮关闭它

0 个答案: