2

現在の Web アプリケーションを liferay に移行中です。アプリに合わせて左側のナビゲーション バーをカスタマイズする必要があります。たとえば、以下のようなアイテムを含む左側の垂直ナビゲーションメニューがあります

ホーム
会社情報
収益詳細

各メニュー項目をクリックすると、右側のコンテンツ ペインに個別のポートレットが開きます。たとえば、会社情報は、私が作成したカスタム会社ポートレットに移動する必要があります。

Liferay 6.2でこれを達成する方法を教えてください。ありがとうございました。

4

3 に答える 3

1
  1. 左側のナビゲーション バーを使用してページにデプロイされたポートレットを表示する場合は、 Panel Pagesを使用できます。このページの「パネル ページ」セクションを検索してください。
  2. liferay ページ ナビゲーション自体を水平ではなく垂直バーにしたい場合は、テーマを作成してナビゲーションのスタイルを設定できます。navigation.vm探しているファイルです。

以下のコメントに従って、ここに私の提案があります：

提案Ⅰ

  1. 30-70 レイアウトを使用します。
  2. 70 側 (右側) では、すべてのポートレットを次々に配置できます。
  3. 30 側 (左側) には、Web コンテンツ表示ポートレットを配置できます。
  4. したがって、Web コンテンツ表示ポートレットでは、エディターでSourceタブを使用して、ポートレットへのクリック可能なリンク用の javascript/css/html を含めることができます。
  5. リンクのクリック時にスクロール効果を与えるために利用できるさまざまな JavaScript ライブラリがあります。

提案Ⅱ

  1. これも同様の提案で、少なくともコンセプトは同じです。
  2. 唯一の違いは、Web コンテンツが既にレイアウトに埋め込まれているカスタム レイアウトを作成できることと、レイアウトにライブラリと JavaScript を記述できることです。

提案Ⅲ

  1. 自動化された左側のナビゲーション ペインが必要な場合、つまり、ページが読み込まれると、右側にポートレット名とポートレットへのリンクが手動で介入しなくても表示されます。
  2. これには、レイアウト内で多くのコーディングが必要になります。
  3. レイアウトで使用可能なさまざまな変数を利用して、ページ上のポートレットを検索し、リンクを作成できます。
  4. レイアウトの左側のセクションを作成し、(3) で見つかったリンクを設定すると、右側は通常どおりになります。

Look & Feel次のように、[設定] タブのタブからWeb コンテンツの特定のリンクをクリックすると、portlet-Ids または css クラスをスクロールして使用できます。

ここに画像の説明を入力

お役に立てれば。

于 2014-05-19T10:35:51.997 に答える
1

Liferay は、一意のポートレット インスタンス ID を持つ div タグ内に表示されるポートレット コンテンツをラップします。ポートレット ヘッダーで、[ルック アンド フィール] -> [高度なスタイリング] に、そのポートレット ID (例: ポートレット ID: #p_p_id_73_INSTANCE_xZVK6VFSqAzJ_) が表示されます。

この ID を使用して、アンカー内のタグをハッシュし、フォーカスをそのポートレット セクションに移動できます。

注: ページ上のポートレットがインスタンス化可能な場合、インスタンスを削除して再度インスタンスを追加すると、新しいインスタンス ID が取得されます。そのため、以前のハッシュ タグ リンクは機能しません。

于 2014-05-19T16:06:13.350 に答える