Kendo ui 如何编辑网格弹出窗口中不属于网格列的字段?
我需要准备有限列数的网格,并且只有在编辑网格行(在弹出窗口中)时,它才应该包含要编辑的其他字段Kendo ui 如何编辑网格弹出窗口中不属于网格列的字段?,kendo-ui,telerik,kendo-grid,Kendo Ui,Telerik,Kendo Grid,我需要准备有限列数的网格,并且只有在编辑网格行(在弹出窗口中)时,它才应该包含要编辑的其他字段 如何编辑网格弹出窗口中不属于网格列的字段?您必须为弹出窗口设置模板,请选中: 编辑人 姓名: 年龄: 活动: $(“#网格”).kendoGrid({ 栏目:[ {字段:“名称”}, {字段:“年龄”}, {命令:“编辑”} ], 数据源:{ 数据:[ {id:1,姓名:“Jane Doe”,年龄:30岁,活动:false}, {id:2,姓名:“约翰·多伊”,年龄:33岁,活跃:真实}
如何编辑网格弹出窗口中不属于网格列的字段?您必须为弹出窗口设置模板,请选中:
编辑人
姓名:
年龄:
活动:
$(“#网格”).kendoGrid({
栏目:[
{字段:“名称”},
{字段:“年龄”},
{命令:“编辑”}
],
数据源:{
数据:[
{id:1,姓名:“Jane Doe”,年龄:30岁,活动:false},
{id:2,姓名:“约翰·多伊”,年龄:33岁,活跃:真实}
],
模式:{
型号:{
id:“id”,
字段:{
年龄:{type:“number”}
}
}
}
},
可编辑:{
模式:“弹出”,
模板:kendo.template($(“#弹出编辑器”).html()
}
});
将数据源设置为包含所有要显示或编辑的字段的模型。您可以选择要在网格的columns集合中显示的列,但您可以编辑模型中的任何内容。仅当用户要编辑某些行时,是否可以为网格行寻找其他数据以进行编辑?换句话说:网格是用带有f.e.4个字段的datasource定义的,但通过编辑弹出窗口,我想检索50多个字段供此行编辑。@Sruj这些额外的数据在哪里?在服务器上,我可以用json取消这些字段。我创建了一个新主题
<script id="popup-editor" type="text/x-kendo-template">
<h3>Edit Person</h3>
<p>
<label>Name:<input name="name" /></label>
</p>
<p>
<label>Age: <input data-role="numerictextbox" name="age" /></label>
</p>
<p>
<label>Active: <input type="checkbox" # if (data.active) { #checked="checked"# } #>
</p>
</script>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" },
{ command: "edit" }
],
dataSource: {
data: [
{ id: 1, name: "Jane Doe", age: 30, active: false },
{ id: 2, name: "John Doe", age: 33, active: true }
],
schema:{
model: {
id: "id",
fields: {
age: { type: "number"}
}
}
}
},
editable: {
mode: "popup",
template: kendo.template($("#popup-editor").html())
}
});
</script>