TileLayout调整
Kendo UI TileLayout小部件允许通过捕捉到可用的列和行单元来调整容器的大小。当启用时,用户可以改变当前项的宽度或高度。
调整大小利用了CSS网格机制,这意味着小部件增加了元素的跨度,而浏览器负责在必要时如何重新排列项。
注意:当
可调整大小的
是启用的项应该有一个定义的rowSpan和colSpan。
启用TileLayout的可调整大小特性
若要启用TileLayout的可调整大小特性,请设置可调整大小的
财产真正的
.
下面的示例将呈现一个具有两行两列的网格,可以在垂直和水平方向上调整大小。
< div id = " tilelayout " > < / div > <脚本> $ (" # tilelayout ")。kendoTileLayout({containers: [{colSpan: 1, rowSpan:1, bodyTemplate: "Item one body"}, {colSpan: 1, rowSpan:1, bodyTemplate: "Item two body"}], columns: 3, height: 200, resizing: true});> < /脚本
事件处理
小部件触发一个调整
事件,该事件提供对调整大小的容器的访问。
调整大小:函数(e) {console.log(e.container);}