可折叠面板平滑动画 - 不工作答案

【问题标题】：Collapsible Panel Smooth Animation - not working可折叠面板平滑动画 - 不工作
【发布时间】：2013-12-26 16:33:27
【问题描述】：

我有 2 个 Ajax collapsiblePanel，一个在另一个之下。第一个里面有一个中继器，第二个有一个gridview。两者的 JS 功能完全相同。问题是，第二个动画是流畅的，但不是第一个。我什至尝试为 fps 和持续时间设置极端值，但甚至没有让步，就好像它们根本不适用一样。可能是什么原因。

JS：

function pageLoad()
{
  var collPanel = $find("<%=CollapsiblePanelExtender1.ClientID%>");
  if(!collPanel) {return;}
  collPanel._animation._fps=35;
  collPanel._animation._duration=0.3;
}

ASPX：

<div id="pHeader" runat="server" class="cpHeader">

  <span style="float:left"> History </span>
  <span style="float:right"><asp:Image id="imgArrows" runat="server" 
   width="17px" height="17px" ImageAlign="middle"/></span>
  <div style="clear:both"></div>
</div>

<asp:Panel id="pBody" runat="server" height="200px" width="100%" 
 scrollbars="vertical"  class="cpBody">

<asp:Repeater runat="server" id="rphistory">....</asp:repeater>
</asp:panel>

<asp:CollapsiblePanelExtender id="CollapsiblePanelExtender1" runat="server" 
 targetcontrolid="pBody" collapsecontrolid="pHeader"
expandcontrolid="pHeader" collapsed="true" collapsedsize="0"
 scrollcontents="false" imagecontrolid="imgArrows" 
  expandedimage="~/Images/expand.jpg" collapsedimage="~/Images/collapse.jpg">
</asp:CollapsiblePanelExtender>

【问题讨论】：

标签： c# collapsiblepanelextender

【解决方案1】：

GridView 有多大？

这可能是因为 GridView 本质上是一堆构建表格的 HTML 标记。如果表格非常大，浏览器必须等待渲染整个表格（必须首先渲染整个表格（即使对用户隐藏）） - 那么动画应该干净流畅

【讨论】：

它是一个简单的 6 列 7 行网格视图。仅适用于所有字段的标签。 gridview 动画是平滑的，但不是中继器。那么，渲染中继器是否需要时间。但无论如何，我应该能够通过一些动画值使其平滑。正确的？还是我应该忍受它？
所以你有一个超小的网格（假设你没有在其中加载巨大的图像）所以 GV 很好。你可以做一个 $('#{ID}').fadeIn('slow');这应该有效。中继器应该可以快速渲染，除非再次渲染 - 您正在渲染全尺寸图像而不是缩略图或大表格