跳转到内容

ips.ui.grid

描述

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引用

编辑由Rikki

报告指南

×
×
  • 创建新的…
Baidu