2

このチュートリアルに従って、リスト ビューをアコーディオンとして作成しようとしています。

https://code.msdn.microsoft.com/office/Client-side-rendering-code-ccdb2a0e

-

私はチュートリアルに従いました：

カスタム リストを作成し、リストに新しい列を追加します。

名前: 説明

タイプ: 複数行のテキスト

デフォルトの新しいフォームを編集する

リスト ビュー Web パーツ プロパティに移動し、JSLink ファイル (~sitecollection/Style Library/JSLink-Samples/Accordion.js) を [その他] タブの JS リンク プロパティに追加します。[適用] をクリックします。

-

何も変わっていないので、そのページに Script Editor を追加して js コードを貼り付けました。それからそれは一種の作品です。

私が間違ったことはありますか？ありがとう！

4

1 に答える 1

3

残念ながら、DescriptionフィールドがPlain text指定された例のタイプの場合、リスト ビューは適切にレンダリングされます。

DescriptionフィールドがRich textまたはのタイプの場合に適切にレンダリングするには、関数を次のようEnhancedに置き換えます。accordionTemplate

function accordionTemplate(ctx) { 
    var title = ctx.CurrentItem["Title"]; 
    var description = ctx.CurrentItem["Description"]; 

    // construct List Item  
    return "<h2>" + title + "</h2><p>" + $(description).html() + "</p><br/>"; 
}

結果

ここに画像の説明を入力

Sharepoint 2013 でリスト ビューのレンダリングをカスタマイズする: アコーディオンでリスト アイテムを表示するで説明されているように、リスト ビューをアコーディオンとしてレンダリングする別の方法を試すことをお勧めします。

キーポイント：

  • jQuery IU Accordionは、リスト項目を折りたたみ可能なコンテンツ パネルとしてレンダリングするために使用されます
  • JSLinkプロパティを使用して複数の JavaScript ライブラリ (jQuery など) をロードする方法を示します

結果

ここに画像の説明を入力

于 2014-12-21T11:33:41.230 に答える