2008年8月20日 星期三

如何使用AJAX Javascript library?

Q: 如何使用AJAX Javascript library, 改變Radio Button的選項 ?

A: AJAX Javascript library 包含一個 $get 函數, 可輕易取得HTML控制項及asp.net server控制項,例如,表單上有一TextBox1控制項,只要在Javascript中使用

$get('TextBox1').value='test';

就可以在client端改變TextBox1控制項的內容了。


我作了一個簡單的例子,改變Radio Button的選項,程式如下:

只要使用$get('RadioButton1').checked = true; 就可以改變Radio Button的選項,很簡單吧!
但是進一步的問題來了, 如果使用Master Page該怎麼辦? 我的解法是在asp.net server端網頁產生上述的function, 秘訣是以 me.RadioButton1.ClientID 取得控制項名稱,加到 $get() 中。
mScript &= vbNewLine & "function setRadioButton(){ "
mScript &= "$get('" & Me.RadioButton1.ClientID & "').checked = true;"
mScript &= "}"
ClientScript.RegisterClientScriptBlock(GetType(XXX), "RadioButtonFunc", mScript)
其中XXX是類別名稱(class name)。