Javascript 通过页面分离wix图像数据库

Javascript 通过页面分离wix图像数据库,javascript,velo,Javascript,Velo,早上好, 我正在为一个学校项目学习如何使用wix,我有一个148行的数据库 数据库包含名称(键)、图像、昵称和描述。 数据库通过转发器全部加载到一个页面上,但单个页面中的148个图像使其打开速度变慢 我该如何把它分开,就像你在谷歌上搜索时,你有第1页、第2页、第3页、第4页。。。。 这必须与搜索栏配合使用 中继器alredy连接到数据库,搜索条形码如下: import wixData from "wix-data"; let lastFilterTitle; let debounceTime

早上好, 我正在为一个学校项目学习如何使用wix,我有一个148行的数据库

数据库包含名称(键)、图像、昵称和描述。 数据库通过转发器全部加载到一个页面上,但单个页面中的148个图像使其打开速度变慢

我该如何把它分开,就像你在谷歌上搜索时,你有第1页、第2页、第3页、第4页。。。。 这必须与搜索栏配合使用

中继器alredy连接到数据库,搜索条形码如下:


import wixData from "wix-data";

let lastFilterTitle;
let debounceTimer;
export function input1_keyPress(event, $w) {
    if (debounceTimer) {
        clearTimeout(debounceTimer);
        debounceTimer = undefined;
    }
    debounceTimer = setTimeout(() => {
        filter($w('#input1').value, lastFilterTitle);
    }, 200);
}

function filter(title) {
    if (lastFilterTitle !== title) {
        let newFilter = wixData.filter();
        if (title)
            newFilter = newFilter.contains('title', title);
        $w('#dataset1').setFilter(newFilter);
        lastFilterTitle = title;
    }
}


创建连接到中继器的数据集时,只要在数据集设置中限制页面大小,该数据集就已经分页。如果附加分页栏(Ad>交互式>分页栏),并将其绑定到同一数据集,它将自动为数据集创建分页

使用搜索时,应在数据集上使用,而不是wixData,以确保不会丢失分页