微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

网站代码解析错误的下拉过滤框

如何解决网站代码解析错误的下拉过滤框

我在使用下拉菜单时遇到了一些问题,用于过滤 wix 上我的商店页面上的所有产品。不知道为什么它不起作用。我逐行检查了我的代码,这让我发疯了。

想知道是否有人可以提供帮助并告诉我我哪里出错了?

我得到的唯一错误是在第 132 行的末尾,就在 export function dropdown1_change(event) 所在的末尾。

parsing error ‘import’ and ‘export’ may only appear at the top wix

我希望顶部的 4 个下拉框能够根据下拉框的选择过滤页面上的结果。第一个下拉产品类型(PC、平板电脑、手机等),第二个下拉品牌(Apple、Samsung、atc...)第三个下拉系列(iphone)第四个型号。仅第一个下拉列表加载页面,选择并启用第一个下拉列表后加载第二个下拉列表,其他下拉框依此类推。下拉菜单连接到数据表。

我已经仔细检查了拼写错误或正确的集合名称以及字段键。我还检查了功能和导出功能

代码如下:

import wixData from 'wix-data';

$w.onReady(function () {

    uniquedropdown1();
});

function uniquedropdown1() {

    wixData.query("Searchfield1")

        .limit(1000)

        .find()

        .then(results => {

            const uniqueTitles = getUniqueTitles(results.items);

            $w("#dropdown1").options = buildOptions(uniqueTitles);

        });

    function getUniqueTitles(items) {

        const titlesOnly = items.map(item => item.typ);

        return [...new Set(titlesOnly)];

    }

    function buildOptions(uniqueList) {

        return uniqueList.map(curr => {

            return { label: curr,value: curr };

            });

        }

    }
    
export function dropdown1_change(event,$w) {

        uniquedropdown2();

        $w("#dropdown2").enable();

    }

    function uniquedropdown2() {

        wixData.query("Searchfield1")

            .contains("znakaZariadenia",$w("#dropdown1").value)

            .limit(1000)

            .find()

            .then(results => {

                const uniqueTitles = getUniqueTitles(results.items);

                $w("#dropdown2").options = buildOptions(uniqueTitles);

            });

        function getUniqueTitles(items) {

            const titlesOnly = items.map(item => item.znakaZariadenia);

            return [...new Set(titlesOnly)];

        }

        function buildOptions(uniqueList) {

            return uniqueList.map(curr => {

                return { label: curr,value: curr };

            });

        }

    }

  export function collection_change(event,$w) {

        uniquedropdown3();

        $w("#dropdown3").enable();

    }

    function uniquedropdown3() {

        wixData.query("Searchfield1")

            .contains("sriaZariadenia",$w("#dropdown2").value)

            .limit(1000)

            .find()

            .then(results => {

                const uniqueTitles = getUniqueTitles(results.items);

                $w("#dropdown3").options = buildOptions(uniqueTitles);

            });

        function getUniqueTitles(items) {

            const titlesOnly = items.map(item => item.sriaZariadenia);

            return [...new Set(titlesOnly)];

        }

        function buildOptions(uniqueList) {

            return uniqueList.map(curr => {

                return { label: curr,value: curr };

            });

export function dropdown1_change(event) {
    // This function was added from the Properties & Events panel. To learn more,visit http://wix.to/UcBnC-4
    // Add your code for this event here: 
}

export function dropdown2_change(event) {
    // This function was added from the Properties & Events panel. To learn more,visit http://wix.to/UcBnC-4
    // Add your code for this event here: 
}

export function dropdown3_change(event) {
    // This function was added from the Properties & Events panel. To learn more,visit http://wix.to/UcBnC-4
    // Add your code for this event here: 
}

export function dropdown4_change(event) {
    // This function was added from the Properties & Events panel. To learn more,visit http://wix.to/UcBnC-4
    // Add your code for this event here: 
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。