上下に 2 つの Ajax collapsiblePanels があります。最初のものには内部にリピーターがあり、2 つ目にはグリッドビューがあります。両方の JS 関数はまったく同じです。問題は、2 番目のアニメーションはスムーズですが、最初のアニメーションはスムーズではないことです。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>