Asp.net Ajax 编程备忘录----细数28个服务器端控件(3)

17.PagingBulletedList
   功能：扩展BulletedList的分页功能
   细节： (1)可以控制每页最多显示多少条，是否排序
                (2)IndexSize表示index headings 的字符数，如果MaxItemPerPage设置了概属性被忽略
                (3)MaxItemPerPage分页每页最大条数

代码示意：
 <ajaxToolkit:PagingBulletedListExtender ID="PagingBulletedListExtender1" BehaviorID="PagingBulletedListBehavior1" runat="server"
                    TargetControlID="BulletedList1"
                    ClientSort="true"
                    IndexSize="1"
                    Separator=" - "
                    SelectIndexCssClass="selectIndex"
                    UnselectIndexCssClass="unselectIndex" />

18.PasswordStrength
   功能：验证密码强度
   细节： StrengthIndicatorType两种显示方式：文字提示，进度条提示

代码示意：
<ajaxToolkit:PasswordStrength ID="PasswordStrength1" runat="server" DisplayPosition="RightSide" TargetControlID="TextBox1"
                    StrengthIndicatorType="Text" PreferredPasswordLength="10" PrefixText="Strength:"
                    HelpStatusLabelID="TextBox1_HelpLabel" TextCssClass="TextIndicator_TextBox1"  TextStrengthDescriptions="Very Poor;Weak;Average;Strong;Excellent"
                    MinimumNumericCharacters="0" MinimumSymbolCharacters="0" RequiresUpperAndLowerCaseCharacters="false"/>
    <ajaxToolkit:PasswordStrength ID="PasswordStrength2" runat="server" DisplayPosition="RightSide" TargetControlID="TextBox2"
                    StrengthIndicatorType="BarIndicator" PreferredPasswordLength="15" HelpStatusLabelID="TextBox2_HelpLabel"
                     BarIndicatorCssClass="BarIndicator_TextBox2" BarBorderCssClass="BarBorder_TextBox2"
                     MinimumNumericCharacters="1" MinimumSymbolCharacters="1" RequiresUpperAndLowerCaseCharacters="true" />
    <ajaxToolkit:PasswordStrength ID="PasswordStrength3" runat="server" DisplayPosition="BelowLeft" TargetControlID="TextBox3"
                    StrengthIndicatorType="Text" PreferredPasswordLength="20" PrefixText="Meets Policy? " TextCssClass="TextIndicator_TextBox3"
                     MinimumNumericCharacters="2" MinimumSymbolCharacters="2" RequiresUpperAndLowerCaseCharacters="true"
                     TextStrengthDescriptions="Not at all;Very Low compliance;Low Compliance;Average Compliance;Good Compliance;Very High Compliance;Yes"
                     HelpHandleCssClass="TextIndicator_TextBox3_Handle" HelpHandlePosition="LeftSide" />

19.PopupControl
   功能：任何控件上都可以弹出任何内容
   细节： (1)TargetControlID - The ID of the control to attach to
                (2)PopupControlID - The ID of the control to display
                (3)CommitProperty -属性来标识返回的值
                (4) CommitScript -把返回结果值通过脚本处理，用到CommitProperty

  代码示意：
      <ajaxToolkit:PopupControlExtender  ID="PopupControlExtender2" runat="server" TargetControlID="MessageTextBox"
      PopupControlID="Panel2" CommitProperty="value" CommitScript="e.value += ' - do not forget!';" Position="Bottom" />

20.Rating
   功能：级别控件
   细节： 又是一个鸡肋，没有太大实用价值，看代码吧

   代码示意：
   <ajaxToolkit:Rating ID="ThaiRating" runat="server"
    CurrentRating="2"
    MaxRating="5"
    StarCssClass="ratingStar"
    WaitingStarCssClass="savedRatingStar"
    FilledStarCssClass="filledRatingStar"
    EmptyStarCssClass="emptyRatingStar"
    OnChanged="ThaiRating_Changed" />
   
   
21.ReorderList
   功能：这个控件的炫酷程度仅次于Animation ，可以动态移动数据
   细节： (1)绑定数据，拖动数据之后数据将被更新到绑定源
                (2)它不是已有控件的扩展是全新的服务器端控件，只是它对Ajax行为是敏感的
                (3)重排的实现有两种方式：CallBack PostBack 前者的发生在页面上是没有PostBack的（也就是没有刷新页面）
                (4) 而数据添加或者编辑的时候就必须要使用PostBack来同步服务器端的数据状态
                (5)PostbackOnReorder就是针对两种策略进行选择
                (6)可以扩展的很多，三言两语难以说尽给出基本框架吧，回头再说

代码示意：
   <ajaxToolkit:ReorderList ID="ReorderList1" runat="server"
    DataSourceID="ObjectDataSource1"
    DragHandleAlignment="Left"
    ItemInsertLocation="Beginning"
    DataKeyField="ItemID"
    SortOrderField="Priority"
    AllowReorder="true">
      <ItemTemplate></ItemTemplate>
      <ReorderTemplate></ReorderTemplate>
      <DragHandleTemplate></DragHandleTemplate>
      <InsertItemTemplate></InsertItemTemplate>
</ajaxToolkit:ReorderList>

22.ResizableControl
   功能：就像设计状态一样可以拖动修改大小，可是有什么实际的意义么，放大字体？没有想到
   细节： (1)HandleCssClass - The name of the CSS class to apply to the resize handle 这个属性必须要有！

  代码示意：
<ajaxToolkit:ResizableControlExtender ID="RCE" runat="server"
    TargetControlID="PanelImage"
    HandleCssClass="handleImage"
    ResizableCssClass="resizingImage"
    MinimumWidth="50"
    MinimumHeight="20"
    MaximumWidth="260"
    MaximumHeight="130"
    OnClientResize="OnClientResizeImage"
    HandleOffsetX="3"
    HandleOffsetY="3" />
   

23.RoundedCorners
   功能：控件圆角 纯粹是控制外观的了，什么时候审美疲劳了还要改，呵呵
   细节： (1)还有一个非常非常坑人的地方：你必须要设置 CssClass="roundedPanel"要不然不起作用
                (2) Radius设置弧度，默认是5
                (3)好象只适用于容器

代码示意：
              <ajaxToolkit:RoundedCornersExtender ID="rce" runat="server"     TargetControlID="Panel1"     Radius="6" />

   
24.Slider
   功能：实现WinForm中的Slider控件效果
   细节： (1)修改文本框的值也可以影响Slider的状态！这个反馈还是有用的！

  代码示意：
              <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>                             
    <cc1:SliderExtender ID="SliderExtender2" runat="server"
                                BehaviorID="Slider2"
                                TargetControlID="Slider2"
                                BoundControlID="TextBox1"
                                Orientation="Horizontal"
                                EnableHandleAnimation="true"
                                 Minimum="0"
                                Maximum="100"
                                />

转载于:https://www.cnblogs.com/qianhuajuan/archive/2007/06/20/790063.html