Telerik UI for ASP。NET MVC?下载30天免费试用

默认情况下,窗口没有任何预先设置的尺寸,其大小取决于其内容。

手动尺寸控制

除了自动大小计算之外,还可以显式地设置宽度()高()以像素为单位。

@(Html.Kendo(). window (). name ("window") . title ("Alvar Aalto") . width (300) . height (250) . content (@ 

Alvar Aalto是现代建筑和设计中最伟大的名字之一。iittala工厂的玻璃吹制工仍然一丝不苟地手工制作传说中的花瓶,这些花瓶是一个主题的变体,流动的有机形状,让最终用户决定使用。

))

窗口还允许配置其最小值而且马克斯尺寸(高度和宽度)。

@(Html.Kendo(). window (). name ("window") . title ("Alvar Aalto") . re(r => r. minwidth (150). maxwidth (450). minheight (200). maxheight (300)) . content (@ 

阿尔瓦·阿尔托是现代建筑和设计中最伟大的名字之一。iittala工厂的玻璃吹制工仍然一丝不苟地手工制作传说中的花瓶,这些花瓶是一个主题的变体,流动的有机形状,让最终用户决定使用。

))

根据内容调整大小

如果窗口包含水平可展开的块级元素(包括Grid、Editor等其他组件),小部件可以水平展开到触及浏览器视口右边缘的位置。在这种情况下,小部件固定在右视口边缘,不能与之分离。此问题的发生是因为窗口绝对是用CSS定位的。要避免这种行为,请为小部件设置适当的宽度,或为其内容设置(max-)宽度。

缺乏对窗口及其内容垂直扩展维度的限制可能会导致不希望出现的行为——例如,弹出窗口的显示高于浏览器视口。

如果窗口使用iframe元素,它不会根据iframe的内容自动调整大小,因为内容和iframe的大小之间没有关系。但是,iOS设备不支持iframe滚动和根据iframe的内容展开iframe,这可能会使窗口高度增加太多。这就是为什么不建议在苹果触控设备上以iframe模式使用Window的原因。

另请参阅

在本文中
Baidu
map