在数据库中找不到数据时如何折叠图库和条带

Question

我正在使用以下代码并希望元素在数据集中没有内容时折叠。现在，如果有一个元素不在数据集中，它会在页面底部创建一个大的白色 space。

当前代码：

$w.onReady(() => {
    $w("#dynamicDataset").onReady(() => {
 // Gets the current item properties and stores them in a variable called item
 const item = $w("#dynamicDataset").getCurrentItem();

if (!item.gallery){

 $w("#gallery1").collapse()

} else {

$w("#gallery1").expand()

}



if (!item.mainImage2){

 $w("#gallery2").collapse()

} else {

$w("#gallery2").expand()

}



if (!item.stripImageLeft){

 $w("#columnStrip13").collapse()

} else {

$w("#columnStrip13").expand()

}



if (!item.processGallery){

 $w("#gallery3").collapse()

} else {

$w("#gallery3").expand()

}


if (!item.processGallery){

 $w("#columnStrip12").collapse()

} else {

$w("#gallery3").expand()

}


if (!item.videoUrl){

 $w("#videoPlayer1").collapse()

} else {

$w("#videoPlayer1").expand()

}
    });
});

这是一个填充了所有元素的示例，看起来很棒。 Exmple 1

这是一个底部全是白色 space 的示例： Example 2

非常感谢任何帮助！

Answer 1

检查 this comment on the Velo Forum 以获得解释。

基本上，您需要确保页脚紧贴页面的最后一个元素。如果需要：

使用 Ctrl + X 剪切画廊元素（Windows）
拉起页脚的句柄并将其粘贴到页面的最后一个元素（在删除图库后）
Ctrl + V（适用于 Windows）重新引入图库元素，并确保这次您不会通过手动向下拉页脚手柄在图库和页脚之间创建间隙

提示 1：引入透明框以确保所有元素相互堆叠（粘附）以避免此问题

提示 2：默认情况下不要用图片填充您的画廊，让画廊保持空白

在数据库中找不到数据时如何折叠图库和条带

How to collapse gallery and strip when no data found in database

javascript

velo