ASP.NET Ajax 控件ToggleButton,SliderExtender,ResizableControl 学习笔记
ResizableControl ----拖拽控件的大小,,一般用來拖拽圖片的大小 (查看效果)
實現代碼:
<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" />
屬性說明:
| 屬性 | 說明 |
| HandleCssClass | 控制控件的Css樣式 |
| HandleOffsetX | 拖拽點的橫坐標 |
| HandleOffsetY | 拖拽點的縱坐標 |
| MaximumHeight | 控件的最高高度 |
| MinimumHeight | 控件的最低高度 |
| MinimumWidth | 控件的最小寬度 |
| MaximumWidth | 控件的最大寬度 |
| OnClientResize | 控件改變時的客戶端事件 |
| OnclientResizeBegin | 正要開始拖拽時發生的客戶端事件 |
| OnClientResizing | 正在拖拽的客戶端事件 |
| ResizableCssClass | 當控件改變過程中的Css樣式 |
| ExppandedSize | 當目標 Panel 處于展開狀態時的尺寸大小 |
?
?
SliderExtender --滑動條(查看效果)
實現代碼:
<ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server"
TargetControlID="Slider1"
Minimum="-100"
Maximum="100"
BoundControlID="Slider1_BoundControl"
Steps="5" />
屬性說明:
| 屬性 | 說明 |
| BoundControlID | 綁定的控件(TextBox或其他) |
| Decimals | 小數的位數 |
| EnalbeHandleAnimation | 是否允許以動畫表示用戶拖動 |
| HandleCssClass | Slider 拖動點的 Css 樣式 |
| HandleImageUrl | 以圖片表示 Slider 拖動點的圖片路徑指向 |
| Lenth | 滑動條的長度 |
| Maximum | 最大限度 |
| Minimum | 最小限度 |
| Orientation | 設置方位 |
| RailCssClass | Slider 控件軌跡的 Css 樣式 |
| RaiseChangeOnlyOnMouseUp | 如果設置為 True 只有當拖動的結束的時候,也就是鼠標按鍵被放開的時候才觸發頁面其值變換事件。 |
| Steps | 步長 |
ToggleButton--擴展了CheckBox控件,可以使它的外觀改變,但是功能和CheckBox控件一樣(查看效果)
實現代碼:
<ajaxToolkit:ToggleButtonExtender ID="ToggleEx" runat="server"
TargetControlID="CheckBox1"
ImageWidth="19"
ImageHeight="19"
CheckedImageAlternateText="Check"
UncheckedImageAlternateText="UnCheck"
UncheckedImageUrl="ToggleButton_Unchecked.gif"
CheckedImageUrl="ToggleButton_Checked.gif" />
屬性說明:
| 屬性 | 說明 |
| CheckedImageAlternateText | 選中的圖片沒顯示或鼠標放在上面是顯示的文本 |
| CheckedImageUrl | 選中后顯示的圖片的路徑 |
| DisabledCheckedImageUrl | 當 CheckBox 處于不可操作(Disable)狀態時,其“選中”狀態的圖片地址 |
| DisableUncheckedImageUrl | 當 CheckBox 處于不可操作(Disable)狀態時,其“不選”狀態的圖片地址 |
| ImageHeight | 圖片的高度 |
| ImageWidth | 圖片的寬度 |
| UncheckedImageAlternateText | 未選中的圖片沒顯示或鼠標放在上面是顯示的文本 |
| UncheckedImageUrl | 未選中顯示圖片的路徑 |
轉載于:https://www.cnblogs.com/jaychaoqun/archive/2008/05/13/1194973.html
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的ASP.NET Ajax 控件ToggleButton,SliderExtender,ResizableControl 学习笔记的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 全球动力电池市场中国厂商“封神”!宁德时
- 下一篇: 芝麻分600秒批信用卡有哪些?网友亲测无