Javascript 如何将一行动态添加到剑道ui网格(其模式)?

Javascript 如何将一行动态添加到剑道ui网格(其模式)?,javascript,jquery,kendo-ui,telerik,kendo-grid,Javascript,Jquery,Kendo Ui,Telerik,Kendo Grid,是否可以通过单击按钮将列添加到剑道ui网格?我试图添加它,但该列没有在网格中初始化,我没有任何数据。如何向模式动态添加列?也许我应该重新初始化它 我只想添加带有标题及其名称和column.field name的空列,而不想在其他行中编辑它。我从来都不知道它会是什么栏目,多少钱。它们应该是动态的。在添加col之后,新行应该与它一起 最大的问题是将字段添加到grid.dataSource.schema.model.fields let gridProducts=$(“#gridProducts”)

是否可以通过单击按钮将列添加到剑道ui网格?我试图添加它,但该列没有在网格中初始化,我没有任何数据。如何向模式动态添加列?也许我应该重新初始化它

我只想添加带有标题及其名称和
column.field name
的空列,而不想在其他行中编辑它。我从来都不知道它会是什么栏目,多少钱。它们应该是动态的。在添加col之后,新行应该与它一起

最大的问题是将字段添加到
grid.dataSource.schema.model.fields

let gridProducts=$(“#gridProducts”).kendoGrid({
数据源:新建kendo.data.dataSource({
数据:e.event.products,
自动同步:对,
模式:{
型号:{
id:“产品id”,
字段:{
产品名称:{
defaultValue:productDefault.products[0].productName,
验证:{
必填项:true
},
类型:“字符串”
},
产品类别:{
defaultValue:productDefault.products[0].productCategory
},
产品折扣:{
defaultValue:productDefault.products[0]。productDiscount,
类型:“数组”
}
}
}
}
}),
数据类型:“对象”,
可分页:false,
工具栏:[“创建”],
栏目:[{
字段:“产品ID”,
标题:“id”
},
{
字段:“产品名称”,
标题:“姓名”
},
{
字段:“productCategory”,
标题:“类别”,
模板:“1”,
编辑:ProductCategorHydropDownEditor,
},
{
字段:“产品折扣”,
标题:“折扣”
},
{
命令:“摧毁”,
标题:“x”,
宽度:29
},
],
是的,
可排序:是的,
可调整大小:true
});
$(“#addPrice”)。单击(函数(){
addPriceDialog.data(“kendoDialog”).open();
});
addPriceDialog.kendoDialog({
宽度:“450px”,
标题:“添加价格”,
closable:是的,
莫代尔:是的,
行动:[{
文本:“取消”,
行动:功能(){
返回false;
},
},
{
文本:“öκ”,
小学:对,
行动:功能(){
let name=$(“#priceName”).val();
let type=$(“#priceType”).val();
设val=$(“#priceValue”).val();
让价格=$(“#价格”).val();
设grid=$(“#gridProduct”).data(“kendoGrid”);
让columns=grid.columns;
设newCol={
标题:“价格-”+名称,
字段:“价格”+类型+[columns.length],
格式:“,
};
$(“#gridTicket”).data(“kendoGrid”).columns[(columns.length)]=newCol;
返回true;
},
}
]

});您可以使用
setOptions
重新定义网格的列

请参见演示的代码片段


剑道UI片段
添加列
$(“#网格”).kendoGrid({
栏目:[
{字段:“名称”},
{字段:“年龄”}
],
数据源:[
{姓名:“Jane Doe”,年龄:30},
{姓名:“约翰·多伊”,年龄:33}
]
});
var grid=$(“#grid”).data(“kendoGrid”);
函数addColumn(){
grid.setOptions({
列:grid.columns.concat([
{字段:“测试”}
])
});
}

我只想添加带有标题及其名称和column.field名称的空列,而不想在其他行中编辑它。我从来都不知道它会是什么栏目,多少钱。它们应该是动态的。在添加col后,新行应该与它一起出现。我已经更新了代码段。现在它更适合你的需要吗?若并没有,你们能解释一下遗漏了什么吗?但我仍然无法将字段添加到grid.dataSource.schema.model.fields中