У меня есть основная сетка с редактируемым: «всплывающим окном»Кендо Сетка PopUp редактор не закрывается
У меня есть столбец с командой «редактировать» в нем. Я использую удаленный источник данных с чтением, обновлением, созданием и уничтожением. Сетка работает, и когда я нажимаю Редактировать, появляется всплывающее окно со всеми моими полями в нем. Если я введу некоторые изменения в полях и нажмите Update, данные будут отправлены (я могу увидеть сообщение ajax), но всплывающее окно не закрывается.
Мое Обновление Кнопка имеет эти классы «k-button k-button-icontext k-grid-update». В моем всплывающем окне есть эти классы «k-widget k-window».
Отмена Кнопка закрывает окно, а X в правом верхнем углу также закрывает окно.
Любые идеи?
Мой код DataSource:
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "myReadURL",
dataType: "json"
},
update: {
url: "myUpdateURL",
dataType: "json"
},
create: {
url: "myCreateURL",
dataType: "json"
},
destroy: {
url: "myDestroyURL",
dataType: "json"
}
},
schema: {
data: "data",
total: function(response){return $(response.data).length;},
model: {
id: "id",
fields: {
id: { type: "number", editable: false },
location: { type: "string" },
username: { type: "string" },
host: { type: "string" },
model: { type: "string" },
newhost: { type: "string" },
newserial: { type: "string" },
newassettag: { type: "string" },
complete: { type: "boolean" }
}
}
},
pageSize: 10
});
Мой код Сетка инициализации:
$("#grid").kendoGrid({
dataSource: dataSource,
height: 430,
filterable: true,
sortable: true,
resizable: true,
scrollable: true,
pageable: {
refresh: true,
pageSizes: [10,20,100]
},
columns: [{
hidden: true,
field:"id"
},{
command: "edit",
title: " ",
width: 90
},{
field: "location",
title: "Location",
width: 120,
filterable: {ui: cityFilter}
},{
field: "username",
title: "Username",
width: 120
},{
field: "host",
title: "Host",
width: 180
},{
field: "model",
title: "Model",
width: 180
},{
field: "newhost",
title: "New Host",
width: 180
},{
field: "newserial",
title: "New Serial",
width: 180
},{
field: "newassettag",
title: "New Asset",
width: 180
},{
field: "complete",
title: "Complete",
template: "<input type='checkbox' # if(complete){ # checked #} #/>",
width: 70
}
],
editable: "popup"
});
Мой HTML:
<div id="example" class="k-content">
<div id="grid" style="height: 380px"></div>
</div>
Не могли бы вы отредактировать сообщение и включить код для инициализации сетки и источника данных? – OnaBai
Обновлено сообщение для включения источника данных и кода инициализации сетки. У меня есть идентификатор, определенный в схеме. Я использую Kendo UI v2013.1.319 и jQuery 1.9.1. Я также попытался использовать шаблон для всплывающего окна. Он работает во всех отношениях, кроме закрытия. – miked