[AjaxControlToolKit]ToggleButtonExtender與CheckBoxList配合

Form :http://www.dotblogs.com.tw/pbnttttt/archive/2009/04/30/8242.aspx

森老頭的瘋狂世界

ToggleButtonExtender 可以直接與單一的 CheckBox 結合，以圖片來代表傳統勾選介面的方式。

但碰到 CheckBoxList 時卻無法將 ToggleButtonExtender 的 TargetControlID 設為 CheckBoxList 控制項 ID

這時需要自行撰寫 JavaScript

`01`	`<script src="jquery-1.3.2.js"` `type="text/javascript"></script>`

`02`	`<script type="text/javascript">`

`03`	`$(function() {`

`04`	`var CheckedImageAlternateText =` `"Good";`

`05`	`var CheckedImageUrl =` `"images/ToggleButton_Checked.gif";`

`06`	`var ImageHeight = 20;`

`07`	`var ImageWidth = 20;`

`08`	`var UncheckedImageAlternateText =` `"shit";`

`09`	`var UncheckedImageUrl =` `"images/ToggleButton_unChecked.gif";`

`10`	`var tid =` `"CheckBox1_ToggleButtonExtender";`

`11`	`$("#CheckBoxList1 :checkbox").each(function(index) {`

`12`	`$create(AjaxControlToolkit.ToggleButtonBehavior, {` `"CheckedImageAlternateText": CheckedImageAlternateText,` `"CheckedImageUrl": CheckedImageUrl,`

`13`	`"ImageHeight": ImageHeight,` `"ImageWidth": ImageWidth,` `"UncheckedImageAlternateText": UncheckedImageAlternateText,`

`14`	`"UncheckedImageUrl": UncheckedImageUrl,` `"id": tid + index.toString() },` `null,` `null, $get(this.id));`

15 });

16 });

`17`	`</script>`

冠霖的部落格

11 發表在痞客邦留言(0) 人氣(0)

冠霖的部落格