【jackyrong】asp.net ajax 1.0 精選ajax controltookit控制元件介紹2

1 ajax 的tabcontrol
    在ajax 1.0中，有的tabcontrol是非常不錯的了

















此頁面被UpdatePanel所包覆








可以看到，一個tabcontrol裡，有不同的tabpannel，就是“頁”了，很簡單，要注意，設定了OnClientActiveTabChanged的javscript事件，
是在切換頁之間時做的

        function ActiveTabChanged(sender, e) {
            var CurrentTab = $get('');
            CurrentTab.innerHTML = sender.get_activeTab().get_headerText();
        }

這段的意思是顯示當前使用者選擇的是第幾頁

2 nobot控制元件
   電腦機器人，防止人為惡意攻擊頁面
CutoffWindowSeconds="60" 設定一個時段區間(單位：秒)，與utoffMaximumInstances引數一起使用。

CutoffMaximumInstances="5" 與 CutoffWindowSeconds引數一起使用，例如在60秒內若超過5次讀取此頁面，將被判定為程式所為。

ResponseMinimumDelaySeconds="2" 頁面合理的最低Postback時間(單位：秒)，低於此時間Postback此頁面將被判定為程式所為。（不是人做的)

OnGenerateChallengeAndResponse="驗證函式名稱"

後臺判斷邏輯程式碼
   If IsPostBack = True Then
            Dim NoBotState As AjaxControlToolkit.NoBotState
            '驗證並取得狀態
            If NoBot1.IsValid(NoBotState) = True Then
                Label1.Text = ""
            Else
                '檢查狀態
                Select Case NoBotState
                    Case AjaxControlToolkit.NoBotState.InvalidAddressTooActive
                        Label1.Text = "在指定的時間內訪問太多次，判定為程式所為"
                    Case AjaxControlToolkit.NoBotState.InvalidResponseTooSoon
                        Label1.Text = "在指定的時間內訪問太多次，判定為程式所為" '"在太短的時間內響應此網頁，判定為程式所為..."
                    Case Else
                        Label1.Text = "其它錯誤"
                End Select
            End If
        End If
3 password密碼強度控制元件
    TargetControlID="要進行密碼強度驗證的Textbox控制元件ID"
DisplayPosition="提示資訊顯示位置"
StrengthIndicatorType="強度的體現方式(Text / BarIndicator)"
PreferredPasswordLength="建議密碼長度"
PrefixText="提示文字開頭"
HelpStatusLabelID="輸入提示LLabel控制元件ID"
MinimumNumericCharacters="設定密碼中最少要有幾個數值字元"
MinimumSymbolCharacters="設定密碼中最少要有幾個符號字元"
RequiresUpperAndLowerCaseCharacters="設定密碼中是否一定需要大小寫都包含"
TextStrengthDescriptions="驗證結果文字，最少兩個最多10個"

4 modalpopup控制元件
    這個控制元件的目的是可以彈出一個視窗，但彈出後，頁面其他部分是變灰色的，不可用，當使用者做出選擇後，才可以用，十分好的效果
用法：
TargetControlID="設定哪一個控制元件要具有呼叫彈出式對話視窗的功能"
PopupControlID="作為彈出式視窗的Panel控制元件ID"
BackgroundCssClass="彈出式視窗背景畫面CSS，可利用CSS設定為灰黑色半透明背景"
DropShadow="是否繪製陰影(true/false)"
OkControlID="彈出式對話視窗的Ok按鈕ID"
CancelControlID="彈出式對話視窗的Cancel按鈕ID"
OnOkScript="當點選Ok按鈕後要執行的JavaScript"
nCancelScript="當點選Cancel按鈕後要執行的JavaScript"
PopupDragHandleControlID="作為彈出式視窗拖拽標籤的控制元件ID"

前端程式碼

邏輯程式碼後臺：

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        '設定哪一個控制元件要觸發(顯示)對話視窗
        Me.ModalPopupExtender1.TargetControlID = Me.Label1.ID
        '設定對話視窗
        Me.ModalPopupExtender1.PopupControlID = Me.Panel1.ID
        '當對話視窗出現時的背景樣式
        Me.ModalPopupExtender1.BackgroundCssClass = "modalbackground"
        '是否要繪製陰影
        Me.ModalPopupExtender1.DropShadow = True
        Me.ModalPopupExtender1.OkControlID = btn_OK.ID
        '設定當點選OK鈕時，要執行的前端JavaScript程式碼
        Me.ModalPopupExtender1.OnOkScript. = "onOK()"
        Me.ModalPopupExtender1.CancelControlID = btn_Cancel.ID
        Me.ModalPopupExtender1.PopupDragHandleControlID = LBL_Title.ID
        '也可以通過Show方法來呼叫
        'Me.ModalPopupExtender1.Show()

        '在頁面上註冊一段JavaScript，點選OK鈕時會呼叫到
        Dim js As String
        js = "
        Me.ClientScript.RegisterStartupScript(GetType(String), "first", js)
    End Sub

【jackyrong】asp.net ajax 1.0 精選ajax controltookit控制元件介紹2

相關文章