Сглаживающая анимация складных панелей внутри списка

Question

У меня есть следующий код для сглаживания анимации на сборно-разборной панели, и он прекрасно работает:

<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 ()» к каждому из них, но я не знаю, как это сделать, поскольку привязка данных дает каждому элементу уникальный идентификатор.

Кто-нибудь знает, как подойти к этомув JavaScript?Любая помощь с благодарностью.

Answer 1

Используйте событие 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;");

}

Этот код не проверен, но это все, что вам нужно, чтобы это работало.