javascript - 平滑Listview内部可折叠面板的动画

我有以下代码来使可折叠面板上的动画平滑，并且效果出色：

<script type="text/javascript">

    function pageLoad(sender, args) {
        smoothAnimation();
    }


    function smoothAnimation() {
        var collPanel = $find(("<%= CollapsiblePanelExtender.ClientID %>"));
        collPanel._animation._fps = 30;
        collPanel._animation._duration = 0.5;
    }

</script>

现在，我还有一个与上面的面板分开的列表视图，该列表视图的每个项目内部都有一个可折叠的面板扩展器。我想将“ smoothAnimation（）”函数应用于每个函数，但是我不知道该怎么做，因为数据绑定为每个项赋予唯一的ID。

有人知道如何用javascript处理吗？任何帮助是极大的赞赏。

最佳答案

使用OnItemCreated事件，并使用以下内容：

protected void ListItems_Created(object sender, ListViewItemEventArgs e)
{
    CollapsiblePanelExtender cpe = (CollapsiblePanelExtender)e.Item.FindControl("collapsePanelID");
    cpe.Attributes.Add("onload", cpe.ClientID + "._animation._fps = 30;");
    cpe.Attributes.Add("onload", cpe.ClientID + "._animation._duration = 0.5;");

}

这段代码未经测试，但是这是您需要工作的全部。