問題タブ [sightly]

Adobe AEM6 (CQ) の Sightly テンプレート言語で、多くのコード/ロジックを複製することなく、条件が true の場合にのみ要素に属性を追加するにはどうすればよいですか?

例えば

WCM Parsys コンポーネントを使用して、AEM 6 で別の特定のコンポーネントの複数のインスタンスの順序付けられていないリストを作成するにはどうすればよいですか?

リストがulタグでラップされていること、各内部コンポーネントがタグであること、またはの周りにli余分なタグがラップされていないこと、および各内部コンポーネントのプロパティが作成者モードで編集できることを確認する必要があります。divulli

(これまでの私の試みでは、余分なdivタグが大量にあり、既に構築されたレイアウトとセマンティクスが台無しになっているかdecorationTagName='li'、コンポーネントにエディターボックスを使用している場合、作成者モードですべてが重なり合っているため、最上位のコントロールのみを編集できます)。

Sightly/AEM6 で、parsys コンポーネントを含める場合、「Drag Components Here」(cq:emptyText) というテキストを設定して、ローカライズされた文字列を使用するにはどうすればよいですか? カスタム コンポーネントの子としていくつかの parsys コンポーネントがあり、それぞれに異なるテキストが必要です (たとえば、画像コンポーネントをここにドラッグし、リンク コンポーネントをここにドラッグします)。

テンプレートを使用してコンポーネントをレンダリングするために、AEM6 で新しい見やすい言語を使用しています。私のコンポーネントには、ビデオを初期化するために次のコードが必要な JWPlayer プラグインを使用するビデオがあります。

しかし、ユーザーが作成者内で id を変更できるように Youtube 変数を動的にしたいので、次のテンプレートを videoPath (youtube id) で渡します。

私が抱えている問題は、タグの ${videoPath} がテンプレートの上部にある ID をレンダリングしていないことです。

見栄えの良いテンプレートを使用してこれを解決する方法はありますか?

最新の AEM6 (以前の CQ) を使用して新しいサイトを開発しています。もともと、JSP を使用してコンポーネントの dropTarget で設定されたコンポーネントのドロップ ゾーンに画像/ビデオをドラッグすることができました。

しかし、現在、JSP ではなく Sightly テンプレートがコンポーネントを構築するための推奨される方法であるため、Sighlty テンプレートで dropTarget を使用することはまだ可能ですか?

true/false の値を使用してデータ属性を設定しようとしていますSightlyが、常に div から属性を削除しています。true または false をハードコードすることはできますが、それは機能しますが、それを使用Sightlyすると削除されるだけです。

コード例

それはただ戻ってくる

コンテキストも試しましたが、まだ役に立ちません。

スリングモデルをご用意しております。例えば

また、追加しました

この後、このコンポーネントの編集ダイアログを開き、データが挿入されたことを確認できます。このデータは JCR で見ることができますが、Sightly 経由で propertyName のコンテンツを取得しようとすると

model.propertyName は空になります

アイデアやアドバイスはありますか？Sling をデバッグするにはどうすればよいですか?

誰でもこの投稿に「Sightly」というタグを付けることができますか?

私は比較的簡単なものを実装しようとしています... data-sly-resource タグを介して、その内部に別のコンポーネント (内部コンポーネントと呼びましょう) を含む 1 つのコンポーネント (ラッパーコンポーネントと呼びましょう) があります。 :

このタグを使用していくつかの追加パラメーターを渡したいのですが、具体的には、内部コンポーネント テンプレートでサイトリーによって取得できるパラメーターですか? コンポーネントがdata-sly-resource経由で呼び出されたときに渡されるパラメーターに基づいて、内側のテンプレートの外側のhtmlタグがラップ解除されるかどうかを指定しようとしています。

見栄えの良いドキュメントを実験して熟読した後、これを達成する方法が見つかりません。

これが可能かどうか誰にもわかりますか？

どうもありがとう、

デイブ

Sightly を使用してコンポーネントの子ノードにアクセスする方法について質問があります。data-sly-resource を使用して基本的な画像コンポーネントを取り込むテンプレートがあります。

私がやりたいのは、その画像コンポーネントに実際に画像セットがあるかどうかに基づいて css クラスを変更することです。このために、イメージ コンポーネント ノードにアクセスし、そのファイル参照を読み取ることを計画しました。の線に沿った何か

残念ながら、これは機能しません。私の質問は、テンプレートから heroImage リソースの fileReference にアクセスして、それを子ノードと見なすにはどうすればよいかということです。

ありがとう、ハリー