Kendo ui KendoUI Web网格弹出窗口显示小,删除记录

Kendo ui KendoUI Web网格弹出窗口显示小,删除记录,kendo-ui,Kendo Ui,我总结了一个KendoUI web网格的简单示例: <div id="peopleGrid"></div> <link type="text/css" rel="stylesheet" href="/Content/kendoui.web.2012.3.1114.commercial/styles/kendo.common.min.css" /> <link type="text/css" rel="stylesheet" href="/Content

我总结了一个KendoUI web网格的简单示例:

<div id="peopleGrid"></div>

<link type="text/css" rel="stylesheet" href="/Content/kendoui.web.2012.3.1114.commercial/styles/kendo.common.min.css" />
<link type="text/css" rel="stylesheet" href="/Content/kendoui.web.2012.3.1114.commercial/styles/kendo.default.min.css" />
<script type="text/javascript" src="/Content/kendoui.web.2012.3.1114.commercial/js/kendo.web.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#peopleGrid').kendoGrid({
            dataSource: {
                type: 'json',
                transport: {
                    read: '/People/JsonTest'
                },
                schema: {
                    model: {
                        fields: {
                            ID: { type: 'number' },
                            FirstName: { type: 'string' },
                            LastName: { type: 'string' }
                        }
                    }
                },
                pageSize: 10,
                serverPaging: false,
                serverFiltering: false,
                serverSorting: false
            },
            height: 250,
            filterable: true,
            sortable: true,
            pageable: true,
            resizable: true,
            reorderable: true,
            editable: {
                mode: 'popup'
            },
            toolbar: ['create'],
            columns: [
                {
                    field: 'ID',
                    filterable: false,
                    hidden: true
                },
                {
                    field: 'FirstName',
                    title: 'First Name'
                }, {
                    field: 'LastName',
                    title: 'Last Name'
                },
                   {
                    command: ['edit', 'destroy'], title: '&nbsp;'
                }
            ]
        });
    });
</script>
在DOM中编辑此项将修复显示。所以看起来应该有一些动画正在发生,而不是。我的代码中是否存在阻止它的错误,或者是否需要包含其他资源?当弹出窗口处于活动状态时,按esc键关闭弹出窗口将产生一个小动画,该动画将弹出窗口扩展到正常大小,同时淡出。因此,动画似乎发生在错误的时间。有什么想法吗


此外,我看到当弹出窗口关闭时,关联的记录将从网格中删除。那个我不知道为什么会发生。但任何建议都将不胜感激。谢谢

这听起来像是我们修复的bug。尝试下载最新的内部版本。

我也有同样的问题。事实证明,这是使用jQuery的一个稍微过时的版本造成的


剑道用户界面目前需要1.8.2版

确实解决了显示问题。如果我将来遇到新的东西,我会确定并检查更新的版本,谢谢!不过,看起来编辑的记录仍在从网格中删除。虽然这可能值得提出自己的问题,但你有什么建议吗?我现在所做的就是单击
Edit
,然后单击
Cancel
,单击的记录就会从网格中消失。我知道我还有一些关于CRUD服务的接线,但是编辑/取消不应该这样做,对吧?不应该这样做。在我们的在线演示中似乎效果不错:
transform: scale(0.1);