jQuery的剑道UI?下载30天免费试用

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);}

另请参阅

在本文中
Baidu
map