今天早上学习了AlwaysVisibleControlExtender控件,感觉还是不错。下午就写点东西,总结一下使用方法。
 
简单使用示例(显示当前时间)
      1)在VS下,新建一个ASP.NET AJAX-Enabled Web Project项目,命名为AlwaysVisibleControlExtender。如图:
      AlwaysVisibleControlExtender
      
      2 )在页面上拖放一个UpdatePanel控件,并在UpdatePanel的ContentTemplate中拖放一个Panel和AlwaysVisibleControlExtender控件。如图:   
      AlwaysVisibleControlExtender

      3)把AlwaysVisibleControlExtender的TargetControlID设置为Panel的ID,并添加AlwaysVisibleControlExtender的一些属性。代码如下:
      

1AlwaysVisibleControlExtender            <cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" HorizontalOffset="10" HorizontalSide="Right" VerticalOffset="10" VerticalSide="Top" TargetControlID="Panel1" ScrollEffectDuration=".1" runat="server">   
2AlwaysVisibleControlExtender            </cc1:AlwaysVisibleControlExtender>

            属性说明:
                  a.HorizontalOffset:设置目标控件在水平方向的偏移量,相对于水平边缘方向。
                  b.HorizontalSide:设置目标控件的水平边缘的参考方向。
                  c.VertialOffset:设置目标控件在垂直方向的偏移量,相对于垂直边缘方向。
                  d.VertialSide:设置目标控件的垂直边缘的参考方向。
                  e.TargetControlID:目标控件的ID。
                  f.ScrollEffectDuration:目前不清楚该属性具体作用,调整了Panel没什么反应。请大家指点。
      3)在Panel里添加一个div标签,用于显示当前时间。代码如下:

AlwaysVisibleControlExtender<div ></div>


      4)最后在页面上加入一个Javascript函数,用于读取当前时间,并在currentTime中显示。
       

 1AlwaysVisibleControlExtender        <script type="text/javascript">
 2AlwaysVisibleControlExtender            function UpdateTime()
 3>


      5)在页面上点击右键,选择在浏览器里查看。对该效果进行预览。
      AlwaysVisibleControlExtender
      AlwaysVisibleControlExtender

相关文章:

  • 2022-02-28
  • 2021-12-07
  • 2022-12-23
  • 2021-12-01
  • 2022-01-28
猜你喜欢
  • 2021-11-20
  • 2021-10-12
  • 2021-05-17
  • 2021-06-21
  • 2022-12-23
  • 2021-09-24
  • 2022-12-23
相关资源
相似解决方案