製造門戶網站
WIX 數據庫搜索系統構建 ・ ・ ・ ①
所有數據搜索的製作說明
如果在編輯屏幕上啟用開發模式，則編輯屏幕將顯示在屏幕底部。
刪除所有第一個條目並複制並粘貼下面的代碼。
從'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 ("# companyNameText"). 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;
});
});
});
讓 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 = 標題；
}
數據採集並在數據庫中顯示
統計並顯示數據採集次數
發送數據至數據顯示BOX、中繼器
只能在 WIX 屏幕上設置數據連接
當前搜索字段是標題（公司名稱）。
然後，分配通過統計搜索結果中對應數據的數量而獲得的數據數量。
例如，如果每頁最大顯示數為 6，搜索結果總數為 12，則搜索結果將顯示在兩頁中，因此瀏覽時會在底部。
顯示 46，您可以通過在底部翻頁來查看所有項目。
從左側菜單的內容管理器添加數據集。
確保在第一次創建時創建了 # dataset1。
從數據集設置中，選擇您使用連接創建集合的數據庫。
如果在#○○○ 中添加輸入框或圖像，它會在部分左上角顯示為黑色小。
如果您點擊該部分，您會在開發模式編輯屏幕上找到#○○○，因此您可以更改名稱。
itemData 是數據庫中的每個字段。
之前從數據集的內容管理中打開數據庫，
您可以通過右鍵單擊每個字段的頂部來查看屬性中的值。
在這種情況下，字段名稱是公司名稱，但值是標題。
編輯所有這些。
搜索結果列表
搜索結果數
