Javascript 如何在模式窗口中自动调整剑道UI网格的大小

我有3个模态窗口，每个窗口都有剑道UI网格，但当数据较少时，它们在底部显示空白。是否有一种方法可以自动调整网格大小。下面是JSFIDLE示例：

var myWindow = $('#myWindow').kendoWindow({
title: "My Window",
width: 500,
height: 400,
open: function() {
    $('#grid').kendoGrid({
        dataSource: {
            type: "odata",
            transport: {
                read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
            },
            pageSize: 3
        },
        height: 350,
        columns: [
            { field:"OrderID", width: 100 },
            { field: "Freight", width: 100 }
        ]
    });
}
});
http://jsfiddle.net/piyushpj/dj3rwx4h/18/

---

如果数据大于此值，则可以正常工作。

尝试从剑道窗口中删除高度，因为当没有明确提及高度时，它会自动适应内容。 或 我建议您不要硬编码高度值，因为行数不断变化。而是根据行数计算高度，然后将计算出的高度发送到剑道窗口初始化部分。

---

例如，假设一行需要10个高度，那么对于5个记录，发送的高度应该是50。

尝试从剑道窗口中删除高度，因为当没有明确提及高度时，它会自动适应内容。 或 我建议您不要硬编码高度值，因为行数不断变化。而是根据行数计算高度，然后将计算出的高度发送到剑道窗口初始化部分。

---

例如，假设一行需要10个高度，那么对于5个记录，发送的高度应为50。

关于网格配置，有两个选项：

• 移除网格高度，并根据表行数允许小部件收缩和增长
• 不要对网格使用

  height

  ，而是为网格数据区域（

  div.k-Grid-content

  ）定义

  min height

  和

  max height

  样式，以允许小部件在特定限制内调整大小。在这种情况下，还可以删除窗高度

第二个选项更好，因为它将确保网格寻呼机始终可见

另一方面，网格现在在窗口的

open

事件中初始化。如果窗口多次关闭和打开，这将产生问题

---

关于网格配置，有两个选项：

• 移除网格高度，并根据表行数允许小部件收缩和增长
• 不要对网格使用

  height

  ，而是为网格数据区域（

  div.k-Grid-content

  ）定义

  min height

  和

  max height

  样式，以允许小部件在特定限制内调整大小。在这种情况下，还可以删除窗高度

第二个选项更好，因为它将确保网格寻呼机始终可见

另一方面，网格现在在窗口的

open

事件中初始化。如果窗口多次关闭和打开，这将产生问题