如何解决网站代码解析错误的下拉过滤框
我在使用下拉菜单时遇到了一些问题,用于过滤 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 举报,一经查实,本站将立刻删除。