Kendo ui KendoUI Web网格弹出窗口显示小,删除记录
我总结了一个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
<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: ' '
}
]
});
});
</script>
在DOM中编辑此项将修复显示。所以看起来应该有一些动画正在发生,而不是。我的代码中是否存在阻止它的错误,或者是否需要包含其他资源?当弹出窗口处于活动状态时,按esc键关闭弹出窗口将产生一个小动画,该动画将弹出窗口扩展到正常大小,同时淡出。因此,动画似乎发生在错误的时间。有什么想法吗
此外,我看到当弹出窗口关闭时,关联的记录将从网格中删除。那个我不知道为什么会发生。但任何建议都将不胜感激。谢谢 这听起来像是我们修复的bug。尝试下载最新的内部版本。我也有同样的问题。事实证明,这是使用jQuery的一个稍微过时的版本造成的
剑道用户界面目前需要1.8.2版确实解决了显示问题。如果我将来遇到新的东西,我会确定并检查更新的版本,谢谢!不过,看起来编辑的记录仍在从网格中删除。虽然这可能值得提出自己的问题,但你有什么建议吗?我现在所做的就是单击
Edit
,然后单击Cancel
,单击的记录就会从网格中消失。我知道我还有一些关于CRUD服务的接线,但是编辑/取消不应该这样做,对吧?不应该这样做。在我们的在线演示中似乎效果不错:
transform: scale(0.1);