Question

如何在页面加载时自动启动旋转器时，如何使用“FormCode”模式创建旋转器？换句话说，自动启动旋转器，同时使最终用户能够停止/开始/移动/向后移动。

我需要一个完整的电话示例代码。

我在FormCode管理中使用了以下JavaScript / JQuery代码：

    <script type ="text/javascript">

//

功能

startRotator（clickedButton，rotator，direction）

{

如果
（！rotator.autoIntervalID）

{

refreshButtonsState（clickedButton，rotator）;

rotator.autoIntervalID = window.setInterval（

功能
（）
{
rotator.showNext（方向）;
}，rotator.get_frameDuration（））;
}
}
功能
stopRotator（clickedButton，rotator）
{
如果
（rotator.autoIntervalID）
{
refreshButtonsState（clickedButton，rotator）
window.clearInterval（rotator.autoIntervalID）;
rotator.autoIntervalID =
空值 }
}
功能
showNextItem（clickedButton，rotator，direction）
{
rotator.showNext（方向）;
refreshButtonsState（clickedButton，rotator）;

}

//刷新停止和开始按钮

功能
refreshButtonsState（clickedButton，rotator）

{

变种
jQueryObject = $ telerik。$ ;;

var className = jQueryObject（clickedButton）.attr（“class”

）;

开关
（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（

“开始”
）;
}
}
打破
;
}
}

//按类名查找按钮。返回一个jQuery对象
功能
findSiblingButtonByClassName（buttonInstance，className）
{
VAR
jQuery = $ telerik。$;
var ulElement = jQuery（buttonInstance）.parent（）。parent（）;

//获取UL元素
var allLiElements = jQuery（“li”，ulElement）;

// jQuery选择器查找所有LI元素
for（var
i = 0;我＆lt; allLiElements.length;我++）
{
VAR
currentLi = allLiElements [i];
var currentAnchor = jQuery（“A：first”，currentLi）;

//找到Anchor标签

如果
（currentAnchor.hasClass（类名））
{
返回
currentAnchor;
}
}
}

//]] GT;

以下代码用于调用：

a href =“＃”onclick =“stopRotator（this，$ find（'＆lt;％= MyRotator.ClientID％＆gt;

“））;返回false;“

class =“stopSelected”title =“停止”＆gt;停止
'），Telerik.Web.UI.RotatorScrollDirection.Left）;返回false;“

class =“start”title =“开始”＆gt;开始但是，我无法在页面加载时启动旋转器。试图在MyRotator_DataBoud事件中使用此代码，但也无效：

protected void rrMyRotator_DataBound(object sender, EventArgs

E）
{
Page.RegisterClientScriptBlock（
“MyScript”，“startRotator（this，$ find（'＆lt;％= MyRotator.ClientID％＆gt;'），Telerik.Web.UI.RotatorScrollDirection.Left）;” ）;
}

Answer 1

Telerik在线演示中提供了几个可用于此功能的示例，它们具有您可以使用的代码。请参阅http://demos.telerik.com/aspnet-ajax/rotator/examples/clientapicontrol/defaultcs.aspx和http://demos.telerik.com/aspnet-ajax/button/examples/slideshow/defaultcs.aspx

我想结合FormCode和AutomaticAdvance旋转器类型

1 个答案: