中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

ToggleButtonExtender与CheckBoxList配合 - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > Ajax技术 > Ajax技巧教程 > ToggleButtonExtender与CheckBoxList配合

ToggleButtonExtender与CheckBoxList配合

2009-04-30    文章来源:互联网    浏览次数:

 

ToggleButtonExtender可以直接与单一的CheckBox结合,以图片来代表传统勾选介面的方式。

但碰到CheckBoxList时却无法将ToggleButtonExtender的TargetControlID设为CheckBoxList控制项ID,这时需要自行撰写JavaScript

  1. <script src="jquery-1.3.2.js" type="text/javascript"></script> 
  2. <script type="text/javascript"> 
  3.     $(function() {  
  4.         var CheckedImageAlternateText = "Good";  
  5.         var CheckedImageUrl = "images/ToggleButton_Checked.gif";  
  6.         var ImageHeight = 20;  
  7.         var ImageWidth = 20;  
  8.         var UncheckedImageAlternateText = "shit";  
  9.         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> 

 

 

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部