gpt4 book ai didi

javascript - 剑道网格层次结构数据不显示

转载 作者:行者123 更新时间:2023-12-01 15:28:55 27 4
gpt4 key购买 nike

我有一个使用 Kendo Grid 的 MVVM 应用程序,我想显示层次结构(嵌套网格)。我正在尝试复制 this example但我无法显示层次结构数据。如何让层次结构记录显示?

cshtml代码:

<div id="custOrderGrid"
data-role="grid"
data-resizable="false"
data-navigatable="true"
data-editable="true"
data-pageable="false"
data-scrollable="true"
onscroll="true"
data-detail-template="child-template"
data-columns="[
{ 'field': 'OrderID', 'title': '<b>Order #', 'width': 65 },
{ 'field': 'LineNo', 'title': '<b>Line Number', 'width': 65 },
{ 'field': 'ItemNo', 'title': '<b>Item Number', 'width': 65 },
{ 'field': 'Desc', 'title': '<b>Description', 'width': 150 }
]"
data-bind="source: orderSearchResults"
style="height: 55%">
</div>

<script id="child-template" type="text/x-kendo-template">
<div data-role="grid"
data-bind="source: obj2"
data-columns="[
{ field: 'name' },
{ field: 'oid' }
]"></div>
</script>

typescript 代码:
orderSearchResults = new kendo.data.DataSource({
schema: {
model: {
id: "OrderID",
fields: {
LineNo: { type: "string" },
ItemNo: { type: "string" },
Description: { type: "string" }
}
}
},
data: [
{
OrderID: "L44ZX4",
LineNo: "15",
ItemNo: "*X1WCJH",
Description: "CDF9X2XSB",
obj2: [
{
name: 'a1',
oid: 1
},
{
name: 'b1',
oid: 2
},
{
name: 'c1',
oid: 3
}
]
}
]
});

黄色突出显示的部分是应显示层次结构数据的位置。

image

最佳答案

这是 link我已经尝试过。

我认为没有创建层次网格,但实际上,它是嵌套在主网格中创建的。您的屏幕截图未显示网格的右侧部分,但您可能在网格右侧有 2 个滚动箭头,可让您查看子网格内容。

删除 style="height: 55%"解决了这个问题。

注:我不确定我是否正确地重现了您的问题...在您的屏幕截图中,您确实显示了另一个主记录,因此子网格通常会显示在这两个主记录之间。如果高度样式是卷轴问题,那么第二个主记录也将被隐藏。如果我错了,请随时更新我的​​示例以重现您的问题。

关于javascript - 剑道网格层次结构数据不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31570854/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com