百度空间 | 百度首页 
               
 
查看文章
 
ASP.NET Ajax -- Slider控件
2007年12月17日 星期一 12:41

效果图:

主要属性:

Minimum - 最小值
Maximum - 最大值
Decimals - 值的小数位数
Steps - 整个Slider设置多少个间隔
Value - Microsoft的例子里有这属性,但实际上本人找不到此属性
EnableHandleAnimation - 移动横杆的时候是否起用动画(注意:如果设置了Steps属性就不能启用动画)
HandleAnimationDuration - Microsoft的例子里有这属性,但实际上本人找不到此属性
RailCssClass - 横杆的CSS
HandleCssClass - Slider的CSS
HandleImageURL - 作为横杆的的图片路径
Length - Slider的长度
BoundControlID - 绑定一个控件ID,此控件可以显示和设置Slider的值
TargetControlID - 作用于此控件ID
BehaviorID - 行为控件ID,可以通过此控件的事件模拟Slider的事件,通常和TargetControlID相同
RaiseChangeOnlyOnMouseUp - 假如设置true(默认),则要放开鼠标键后才会触发事件,否则拖动横杆的时候就会触发
TooltipText - 说明提示

aspx文件主要部分:

。。。。。

    <style type ="text/css">
    .RailCssClass
    {position:relative;border:solid 1px black;margin:0 5px;background:#DDDCDB url(images/slider_h_rail.gif) repeat-x;height:22px;width:150px;}
    </style>

。。。。。

   <form id="form1" runat="server">
        <ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />
        <div>
          <asp:TextBox ID="Slider1" runat="server" AutoPostBack="true" style="right:0px" Text="0" />
          <asp:TextBox ID="Slider1_BoundControl" runat="server" style="text-align:right;border:solid 1px black;" width="50"/>
       
          <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
              <asp:Label ID="lblUpdateDate" runat="server" style="font-size:80%;" Text="&nbsp;" />
            </ContentTemplate>
            <Triggers>
              <asp:AsyncPostBackTrigger ControlID="Slider1" EventName="TextChanged" />
            </Triggers>
          </asp:UpdatePanel>
         
          <ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server"
            BehaviorID="Slider1" RailCssClass ="RailCssClass"
            TargetControlID="Slider1"
            Minimum="-100" Decimals ="2"
            Maximum="100"
            BoundControlID="Slider1_BoundControl"
            RaiseChangeOnlyOnMouseUp ="true" TooltipText ="调整次数"
            EnableHandleAnimation ="true"
            HandleImageURL="images\arrow.gif" />
        </div>
    </form>

。。。。。

aspx.vb文件主要部分:

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        ScriptManager1.RegisterAsyncPostBackControl(Slider1)
        If (Page.IsPostBack) Then
            lblUpdateDate.Text = "Changed at: " + DateTime.Now.ToLongTimeString()

        End If
    End Sub


类别:Ajax | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu