web-dev-qa-db-ja.com

「さらに読み込む」リンクをクリックした後、ビューの残りのコンテンツをすべて読み込む方法

コンテンツを一覧表示するビューブロックがあります。

私がしたいことは、このビューに5つのアイテムのみを表示し、ビューの下部にload moreリンクを表示することです。このリンクをクリックした場合、残りのすべてを表示ビューの内容。

Views Load More モジュールと Views Infinite Scroll モジュールを試しました。 Views Load Moreモジュールは機能しませんでしたが、Views Infinite Scrollモジュールは適切に機能しますが、望みどおりに実行できませんでした。 [もっと見る]リンクをクリックするとXアイテムを表示するオプションがありますが、ビューの残りのコンテンツをすべて表示するオプションはありません。

「さらに読み込む」リンクをクリックした後、ビューの残りのコンテンツをすべて読み込む方法は?

enter image description here

3
herci

ビューの詳細設定の下に Views show more ajax付きのモジュールが必要です。このモジュールは、初期アイテム選択オプションと、クリックのセクションに配置できる残りのアイテムを提供します。

ステップ-

  1. モジュールをダウンロードして有効にします。

  2. 画像に示すように、ページャーセクションでshow more pagerを選択します。その後、その設定に行きます。私の場合は15個のアイテムを取ったので、最初に5個のアイテムを表示し、残りのアイテムをクリックしたいと思います。だから私は初期アイテムの下に5つ、そしてアイテムの下に10アイテムを表示しました2番目の画像に示すとおり。 (アニメーション)セクションでスクロールして新しいコンテンツに移動します。これを保存して、ページャーの設定をここで終了します。

  3. ビューの詳細設定で、Use Ajax:Yes

Views Block UIViews UI

ポケットベルUI

Pager UI

出力画像:

初期段階

enter image description here

[もっと見る]をクリックした後

enter image description here

コンテンツを読み込むためにページを更新する必要はありません。

3
CodeNext