Question

无论如何要让Dialog的内容滚动？我们有时会有很多内容的Dialog内容，我们只想让它可滚动。这里使用Boostrap进行示例，只有模式内容可滚动：http://www.bootply.com/WaTI0dBpa3

Answer 1

此时对话框没有启用滚动的属性。您可以通过在对话框中添加可滚动的div元素并添加几个样式来实现此目的：

<kendo-dialog title="Dialog">
    <div style="height:200px; overflow:auto; padding:1.143em; margin:-1.143em;">
        <!-- content -->
    </div>

    <kendo-dialog-actions style="margin: 0">
        <button kendoButton>OK</button>
    </kendo-dialog-actions>
</kendo-dialog>

有关可运行的演示，请参阅this plunker。

这是一个很好的功能，已记录下来用于即将推出的对话版本的实现。

Answer 2

设置[height]属性会自动将滚动条添加到对话框中。

<kendo-dialog title="Update" (close)="closeEditProfileDetails()" [height]= 800>
content here....
</kendo-dialog>

对话框：如何使对话框内容滚动？

2 个答案: