asp.net - CollapsiblePanelExtender が最初のページ読み込み時に完全に開かない

Question

私は AjaxControlToolkit の CollapsiblePanelExtender を使用しています。クリックすると正常に動作しますが、最初のページの読み込み時に完全に拡大しません (約 90% 拡大)。

完全に開くには、折りたたんで手動で元に戻す必要があります。

パネルのコンテンツは動的であるため、ExpandedSize プロパティを設定していません。

何か案は？

Answer 1

エクステンダーのターゲットで次のスタイルを使用します。

.collapsiblePanelContainer {
  height: 0;
  overflow: hidden;
}

CollapsiblePanelExtender が残りの作業を処理します。

このヒントは、 CollapsiblePanelExtender ビデオで Joe Stagner によって言及されています。

Answer 2

折りたたみ可能なパネルのデータが固定されていて、ページのポストバックを呼び出す必要がない場合は、CollapsiblePanelExtenderの「SuppressPostBack」プロパティをtrueに設定します。これにより、展開アクションをより迅速かつスムーズに完了することができます。遅延に気付くことはありません。

Answer 3

実際のパネルのスタイルで「min-height」の値を設定してみてください。それ以外の場合は、PreRender イベントで高さまたは ExpandSize をプログラムで設定できます。

protected override void OnPreRender(EventArgs e)
{
    base.OnPreRender(e);
    // Set the size here
    myCollapsiblePanelExtender.ExpandedSize = sizeValue;
}