搜索
查看: 3419|回复: 3

[界面] 如何获取HTMLayout TABLE中的CHECKBOX ?

  [复制链接]

47

主题

178

帖子

1176

积分

荣誉会员

Rank: 8Rank: 8

积分
1176
发表于 2013-2-2 17:58:57 | 显示全部楼层 |阅读模式
获取TABLE中的CHECKBOX  选中项的ID?
我有尝试去获取TABLE的innerhtml 但是打印出来的都是TR,TD的内容 CHECKBOX 没有出来。 请问如何获取和设置选中项?谢谢。
  1. import win.ui;
  2. /*DSG{{*/
  3. var winform = ..win.form( bottom=399;parent=...;right=599;text="aardio Form" )
  4. winform.add(  )
  5. /*}}*/

  6. import web.layout;
  7. import web.layout.behavior.tabs;
  8. var wbLayout = web.layout(winform);

  9. import web.layout.debug; //导入该库以显示HTMLayout错误
  10. wbLayout.attachEventHandler( web.layout.debug ); //为CSSS!添加全局函数 debug;

  11. wbLayout.html = /*********
  12. <html>
  13.   <head>
  14.     <style>
  15.    
  16.       table#checked-list > tr
  17.       {
  18.         active-on! : self:checked = !self:checked;
  19.       }
  20.       a#toggler
  21.       {
  22.         click! : $(table#checked-list>tr) -> @(row) row:checked = !row:checked;
  23.       }
  24.       
  25.       table#checked-list td:nth-child(1)
  26.       {
  27.         padding-left: system-small-icon-width;
  28.         background-repeat:no-repeat;
  29.         background-position:1px 50%;
  30.         background-image:url(theme:check-normal);  
  31.       }
  32.       table#checked-list > tr:checked > td:nth-child(1)
  33.       {
  34.         background-image:url(theme:check-checked-normal);  
  35.       }
  36.       table#checked-list > tr:hover
  37.       {
  38.         background-color:white white orange orange;
  39.         cursor:pointer;
  40.       }
  41.       
  42.     </style>
  43.   </head>
  44. <body>
  45.   Simple table with checkable rows. Link on the bottom inverses the selection.
  46.   <table #checked-list border=1px >
  47.     <tr id="1"><td>001</td><td>002</td><td>003</td></tr>
  48.     <tr id="2"><td>011</td><td>012</td><td>013</td></tr>
  49.     <tr id="3"><td>021</td><td>022</td><td>023</td></tr>
  50.     <tr id="4"><td>031</td><td>032</td><td>033</td></tr>
  51.     <tr id="5"><td>041</td><td>042</td><td>043</td></tr>
  52.   </table>
  53.   <a #toggler href=#>Toggle selection</a>
  54.   <input type="button" value="test">
  55. </body>
  56. </html>
  57. *********/

  58. io.open();
  59. wbLayout.onButtonClick = function (ltTarget,ltEle,reason,behaviorParams) {
  60.         io.print(wbLayout.$1("#checked-list").innerHTML);
  61. }

  62. winform.show()
  63. win.loopMessage();

  64.                           
复制代码
回复

使用道具 举报

33

主题

543

帖子

3304

积分

荣誉会员

Rank: 8Rank: 8

积分
3304
发表于 2013-2-2 18:30:31 | 显示全部楼层

[code] wbLayout.documentElement.enumQuery( function(ltEle) { io.print( l

  1.         wbLayout.documentElement.enumQuery(
  2.                 function(ltEle) {
  3.                          io.print( ltEle.innerText, ltEle.state.checked );
  4.                 }, "#checked-list > tr"
  5.         )
复制代码

点评

真棒: 5.0
真棒: 5
给力。  发表于 2013-2-2 19:58
回复

使用道具 举报

9

主题

462

帖子

2551

积分

版主

Rank: 7Rank: 7Rank: 7

积分
2551
发表于 2013-2-2 18:44:14 | 显示全部楼层

[code]wbLayout.onButtonClick = function (ltTarget,ltEle,reason,behaviorParams) {

  1. wbLayout.onButtonClick = function (ltTarget,ltEle,reason,behaviorParams) {
  2.         io.open();
  3.         var ltEles = wbLayout.queryEles("#checked-list tr:checked")
  4.         for( i,ltEle in  ltEles){
  5.                 io.print("选中项ID",ltEle.id )
  6.                 ltEle.state.checked = false; //取消选定
  7.         }
  8. }
复制代码

点评

真棒: 5.0
真棒: 5
给力。  发表于 2013-2-2 19:58
回复

使用道具 举报

47

主题

178

帖子

1176

积分

荣誉会员

Rank: 8Rank: 8

积分
1176
 楼主| 发表于 2013-2-2 19:53:16 | 显示全部楼层

[i=s] 本帖最后由 wznjsy 于 2013-2-2 19:59 编辑 [/i] 楼上的各位都很强大。 解决的思路应该是在TR CHECKED 上

本帖最后由 wznjsy 于 2013-2-2 19:59 编辑

楼上的各位都很强大。

解决的思路应该是在TR CHECKED 上,而不是CHECKBOX上。

又有新收获了, 谢谢各位。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|站长邮箱|aardio.com|aardio官方社区 ( 皖ICP备09012014号 )

GMT+8, 2018-9-25 23:47 , Processed in 0.062500 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表