Wix Blocks：リピーターをデータベースコレクションに接続する

Wix の使用方法を学び、サイトとビジネスを構築する。

直感的な Wix 機能でサイトをデザインして管理する。

定期購入、プラン、請求を管理する。

ビジネスを運営し、サイト会員とつながる。

ドメインの購入、サイトへの接続と移管方法を学ぶ。

ビジネスとウェブプレゼンスを成長させるツールを入手する。

SEO とマーケティングツールで知名度を上げる。

より効率的な作業を支援する高度な機能を利用する。

解決策や既知の問題について確認し、問い合わせる。

コースとチュートリアルでスキルを習得する。

ウェブデザインやマーケティングなどのヒントを得る。

検索エンジンからのトラフィックを増やす方法について学ぶ。

フルスタックプラットフォームでカスタムサイトを構築する。

あなたの目標達成をサポートするエキスパートを見つけましょう。

ホーム

Wix Blocks：リピーターをデータベースコレクションに接続する

2分

Wix Blocks は現在一部のユーザー様のみご利用いただけます。

Wix Blocks を使用すると、コレクションをリピーターに接続できます。Wix Blocks コレクションは、後でサイト上の同様の構造化コレクションを操作できるようにするプレースホルダです。
リピーターをコレクションに接続する方法：

「ウィジェットとデザイン」メニューから Wix Blocks ウィジェットを作成するか、開きます。
ウィジェットにリピーターを追加します：「要素を追加」パネルに移動し、「レイアウト」＞「リピーター」の順にクリックします。
Wix Blocks でコレクションを作成します。
ウィジェットのコードセクションに移動し、wix-data モジュールをインポートします。

1import wixData from 'wix-data';

5. 次の構文でコレクション内のデータをクエリします（アプリの名前空間に関する詳細はこちら）：

@<yourAppNamespace>/<yourCollecitonName>

たとえば、次の関数は「Titles」というコレクションから文字列を取得し、リピーター内のテキスト要素に割り当てます：

1$w.onReady(function () {
2 wixData.query('@daphnet2/simple-repeater-app/Titles')
3 .find()
4       .then((results) => {
5           $w('#repeater1').data = results.items
6       })
7       .catch((err) => {
8           console.log(err)
9           throw new Error(err)
10       });
11    $w("#repeater1").onItemReady(($item, itemData, index) => {
12       $item("#text1").text = itemData.title;
13   });
14});

リピーター ID を確認する

要素の ID は複数の場所に表示されます：

「デザイン」タブで要素にマウスオーバーまたは選択したとき。
「レイヤー」パネルで要素を選択したとき。
「プロパティ・イベント」パネルで要素を選択したとき。

お役に立ちましたか？

お役に立ちましたか？