製造門戶網站
公司名稱搜索
輸入數據搜索的製作說明
如果在編輯屏幕上啟用開發模式,則編輯屏幕將顯示在屏幕底部。
刪除所有第一個條目並複制並粘貼下面的代碼。
從'wix-data'導入wixData;
讓 debounceTimer;
$w.onReady(函數(){
$ w ("# dataset1"). onReady (() => {
let count = $w("#dataset1").getTotalCount();
$ w ("# totalText"). text ='Total:' + count;
$ w ("# companyRepeater"). onItemReady (($ item, itemData, index) => {
$ item ("#gyoText").text = itemData.title;
$ item ("#gyoText").text = itemData.kubun;
$ item ("#areaText").text = itemData.area;
$ item ("#naiyoText").Text = itemData.Company_profile;
$ item ("#companyImage").src = itemData.image01;
$ item ("# companyImage"). tooltip = itemData.title;
$ item ("# companyImage").link = itemData.url;
});
});
$ w ("#searchInput"). onKeyPress ((事件) => {
如果(去抖動定時器){
clearTimeout (debounceTimer);
debounceTimer = 未定義;
}
debounceTimer = setTimeout (() => {
filter($w("#searchInput").value);
}, 350);
});
$ w ("#refreshButton"). onClick ((事件) => {
篩選 ();
$ w ("#searchInput"). value = undefined;
});
});
讓 lastFilterName;
異步函數過濾器(標題){
如果(最後一個過濾器名稱!== 標題){
讓 newFilter = wixData.filter();
如果(標題)
newFilter = newFilter.contains('title', title);
await $ w("#dataset1").setFilter(newFilter);
let count = $w("#dataset1").getTotalCount();
$ w ("# totalText"). text ='Total:' + count;
設置變量(標題);
}
}
函數 setVariables(標題){
lastFilterName = 標題;
}
目前按公司名稱搜索,
如果這裡標題的所有描述部分都是不同的字段名稱,則將搜索該字段中包含的數據。 (搜索格式:匹配格式包括〇)
與搜索框鏈接
Total: 46