Как я могу создать ротатор с режимом «FormCode», имея возможность автоматически запускать этот ротатор при загрузке страницы? Другими словами, для автоматического запуска ротатора, позволяя конечному пользователю остановиться / начать / двигаться дальше / двигаться назад.
Мне нужен полный пример кода для звонка.
Я использовал следующий код JavaScript / JQuery для управления FormCode:
<script type ="text/javascript">
//
функция
startRotator (нажата кнопка, вращатель, направление)
{
если
(! rotator.autoIntervalID)
{
refreshButtonsState (clickedButton, вращатель);
rotator.autoIntervalID = window.setInterval (
функция
()
{
rotator.showNext (направление);
}, rotator.get_frameDuration ());
}
}
функция
stopRotator (нажата кнопка, вращатель)
{
если
(Rotator.autoIntervalID)
{
refreshButtonsState (нажатие кнопки, вращатель)
window.clearInterval (rotator.autoIntervalID); * 1 038 *
rotator.autoIntervalID =
ноль
}
}
функция
showNextItem (нажата кнопка, вращатель, направление)
{
rotator.showNext (направление);
refreshButtonsState (clickedButton, ротатор);
}
// Обновление кнопок Стоп и Старт
функция
refreshButtonsState (нажатие кнопки, вращатель)
{
вар
jQueryObject = $ telerik. $;
var className = jQueryObject (clickedButton) .attr ("класс"
);
переключатель
(className)
{
кейс "старт"
:
{
// Нажата кнопка запуска
jQueryObject (clickedButton) .removeClass ();
jQueryObject (clickedButton) .addClass (
"startSelected"
);
// Найти кнопку остановки. stopButton - это объект jQuery
var stopButton = findSiblingButtonByClassName (clickedButton, "stopSelected"
);
если
(StopButton)
{
// Изменяет изображение кнопки остановки
stopButton.removeClass ();
stopButton.addClass (
"стоп"
);
}
}
пауза
;
кейс "стоп"
:
{
// Нажата кнопка остановки
jQueryObject (clickedButton) .removeClass ();
jQueryObject (clickedButton) .addClass (
"stopSelected"
);
// Найти кнопку запуска. startButton - это объект jQuery
var startButton = findSiblingButtonByClassName (clickedButton, "startSelected"
);
если
(StartButton)
{
// Изменяет изображение кнопки запуска
startButton.removeClass ();
startButton.addClass (
"старт"
);
}
}
перерыв
;
}
}
// Находит кнопку по ее className. Возвращает объект jQuery
функция
findSiblingButtonByClassName (buttonInstance, className)
{
вар
jQuery = $ telerik. $;
var ulElement = jQuery (buttonInstance) .parent (). parent ();
// получаем элемент UL
var allLiElements = jQuery ("li", ulElement);
// селектор jQuery для поиска всех элементов LI
для (вар
я = 0; я
{
вар
currentLi = allLiElements [i];
var currentAnchor = jQuery («A: first», currentLi);
// Найти тег Anchor
если
(CurrentAnchor.hasClass (имя класса))
{
вернуться
currentAnchor;
}
}
}
//]]>
И следующий код для звонков:
<
a href = "#" onclick = "stopRotator (this, $ find ('<% = MyRotator.ClientID%>
«)); вернуть ложь; "
class = "stopSelected" title = "Stop"> Стоп
'), Telerik.Web.UI.RotatorScrollDirection.Left);return false; "
class =" start "title =" Start "> Start Однако я не могу запустить ротатор при загрузке страницы. Попытался использовать этот код в событии MyRotator_DataBoud, но не сработаллибо:
protected void rrMyRotator_DataBound(object sender, EventArgs
e)
{
Page.RegisterClientScriptBlock (
"MyScript", "startRotator (this, $ find ('<% = MyRotator.ClientID%>'), Telerik.Web.UI.RotatorScrollDirection.Left); ");
}