添加新记录按钮在剑道分层网格中不起作用 [英] Add New Record button not working in kendo hierarchical grid
问题描述
我正在尝试向剑道分层网格的详细信息网格添加新行,但添加新记录"按钮不起作用.但是,如果我在详细网格定义中省略过滤器选项,则按钮可以工作,但是如果关闭过滤,我将无法根据主行分隔子行.
I'm trying to add new row to the detail grid of the kendo hierarchical grid, but the Add new record button not working. However if I omit the filter option in detail grid definition, then the button works, but with filtering off, I can't separate the child rows according to the master row.
我正在添加一张图片来描述问题.
I'm adding an image to describe the problem.
这是我的分层网格代码:
Here is my code for the hierarchical grid:
var element = $("#grid").kendoGrid({
dataSource: {
type: "JSON",
transport: {
read: {
url: "/Home/Read",
type: "GET"
}
},
pageSize: 6
},
height: 700,
sortable: true,
pageable: true,
selectable: 'row',
navigatable: true,
editable: true,
toolbar: ["create", "save", "cancel"],
batch: true,
detailInit: detailInit,
dataBound: function () {
this.expandRow(this.tbody.find("tr.k-master-row").first());
},
columns: [
{
field: "EmployeeID",
title: "Employee ID",
width: "50px"
},
{
field: "EmployeeName",
title: "Employee Name",
width: "50px"
}
]
});
function detailInit(e) {
$('<div id="childGrid"></div>').appendTo(e.detailCell).kendoGrid({
dataSource: {
type: "JSON",
transport: {
read: {
url: "/Home/Details",
type: "POST"
}
},
pageSize: 5,
filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
},
scrollable: false,
dataBound: function () {
this.expandRow(this.tbody.find("tr.k-master-row").first());
},
//sortable: true,
pageable: true,
selectable: 'row',
editable: true,
toolbar: ["create"],
editable: true,
batch: true,
columns: [
{ field: "Department", title: "Department", width: "30px" },
{ field: "Designation", title: "Designation", width: "30px" }
]
});
请帮我整理一下.提前致谢.
Please help me to sort it out. Thanks in advance.
推荐答案
我给出了一个更简单的建议,从前一行获取你想要追加的 html 行,如下所示
i give a simpler suggestion get the html row which you want the append from its previous row as below
'var row = $("上一行选择器").html();'
'var row = $("previous row selectore").html();'
然后将此行附加到表格中
then append this row to the table
$("table").append(row);
$("table").append(row);
之后如果有的话就更改id
after then change the id if you have any
这篇关于添加新记录按钮在剑道分层网格中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!