描述
Grid小部件通过附加功能增强了标准CSS网格,支持动态调整大小和平衡行的高度。
使用
网格小部件应该在包含ipsGridCSS类:
类=“ipsGrid ipsGrid_collapsePhone”数据网格数据网格最小项大小='200'数据网格maxItemSize=“400”>类=“ipsGrid_span4”>项目类=“ipsGrid_span4”>项目类=“ipsGrid_span4”>项目
默认情况下,网格项可以使用任何合适的span类;Grid小部件将根据可用空间动态更新所使用的类。
注意,当与网格一起使用此小部件时,网格项变为贪婪的.也就是说,它们在允许的范围内占据尽可能多的空间。因此,您需要指定maxItemSize值(见下文),以适当大小的项目。
选择权
minItemSize
(数量;需要)
每个网格项可以具有的最小像素宽度;当栅格项目小于此值时,栅格跨距将调整为下一个合适的大小,以确保其大于此值。
maxItemSize
(数量;需要)
每个网格项的最大宽度像素数;当网格项大于此值时,网格跨度将被调整为下一个合适的大小,以确保它们小于此值。
等高
(字符串;可选)
如果设置为一行, Grid小部件将确保每行中的每个项目与该行中最高的项目一样高。如果设置为所有, Grid小部件将确保网格中的所有项与最高项一样高。
ips.ui.grid响应的事件
newItem
当在包装器元素上触发时,此事件将导致网格重新绘制,根据需要重新计算跨度和高度。
事件数据:
- 要素(必需)
对网格中的新项的DOM或jQuery引用
报告指南