ASP.NET Ajax 控件 MutuallyExclusiveCheckBox ,ModalPopup,Rating 学习笔记

ModalPopup --网页模式对话框 （察看效果）

用HTML实现网页模式对话框很烦。需要敲很多的属性且很容易出错。用ASP.NET ajax ModalPopup控件可以很容易的实现，并且可以有非常的效果

实现代码：

<ajaxToolkit:ModalPopupExtender ID="MPE" runat="server"
TargetControlID="LinkButton1"
PopupControlID="Panel1"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="OkButton"
OnOkScript="onOk()"
CancelControlID="CancelButton"
PopupDragHandleControlID="Panel3" />

属性说明：

属性	说明
BackgroundCssClass	弹出模式对话框时文档背景样式
CancelControlID	取消模式对话框的按钮ID（这个按钮应该在模式对话框里面）
Drag	设置对模式对话框是否可以拖拽
DropShadow	设置对模式对话框是否可以有阴影
HighlightBackColor	下拉菜单的背景颜色
OkControlID	确定模式对话框的控件ID
OnCancelScript	单击取消按钮时执行（客户端）javascirpt函数
OnOKScript	单击确定按钮时执行（客户端）javascirpt函数
PopupDragHandleControlID	拖拽处理的PanelID
X	弹出“模式”时的 X 坐标
Y	弹出“模式”时的 Y 坐标
PopupControlID	模式对话框的Panel ID

MutuallyExclusiveCheckBox --此控件就是让checkbox实现单选（查看效果）

实现代码：

<ajaxToolkit:MutuallyExclusiveCheckboxExtender ID="MutuallyExclusiveCheckboxExtender１" runat="server"
TargetControlID="MustNotHaveGolfCommunityCheckBox"
Key="GolfCommunityCheckBoxes" />

属性：
Key 设置要实现单选的复选框的Key要一样..

 

Rating －－一个很酷的打分控件(查看效果)

实现代码：

<ajaxToolkit:Rating ID="ThaiRating" runat="server"
CurrentRating="2"
MaxRating="5"
StarCssClass="ratingStar"
WaitingStarCssClass="savedRatingStar"
FilledStarCssClass="filledRatingStar"
EmptyStarCssClass="emptyRatingStar"
OnChanged="ThaiRating_Changed" />

属性说明：

属性	说明
AutoPostBack	如果设置为 True 当用户改变了 Rating 的状态的时候将触发提交事件
CurrentRating	初始值 （初始已经选中的大小）
MaxRating	最大值
ReadOnly	只读
StarCssClass	表示“星级”的 Css 样式
WaitingStarCssClass	等待时显示的 Css 样式
FilledStarCssClass	当被“选中”时显示的 Css 样式
EmptyStarCssClass	当没有被“选中”时显示的 Css 样式
RatingAlign	布局方位(水平或垂直排列)
RatingDirection	排列方向
OnChanged	当状态被改变的时候触发的服务器端事件
Tag	可以自定义的页面提交时的参数