aardio 官方社区

 找回密码
 注册会员

QQ登录

只需一步,快速开始

搜索
查看: 15826|回复: 3

listview中,点击单元格怎么返回单元格值?

[复制链接]

12

主题

39

回帖

369

积分

新手入门

积分
369
发表于 2018-8-9 23:57:15 | 显示全部楼层 |阅读模式
如题。想做出这种效果:当点击某个单元格时,返回这个单元格的内容,而不是整行的内容。
比如:点击第一行第一列返回9,点击第二行第二列返回aa

  1. import win.ui;
  2. /*DSG{{*/
  3. var winform = win.form(text="HTMLayout 无边框窗体";right=759;bottom=469;parent=...)
  4. winform.add()
  5. /*}}*/

  6. import web.layout;
  7. import web.layout.behavior.windowCommand;//导入behavior:windowCommand;
  8. var wbLayout = web.layout( winform );//在窗体上创建HTMLayout对象

  9. import web.layout.behavior.sortableGrid;

  10. wbLayout.html = /**  
  11. <html>
  12. <head>
  13. <style>

  14. html
  15. {
  16.   background-color: white white cornsilk cornsilk;
  17. }

  18. table
  19. {
  20.   //background: linen;
  21.   overflow:auto;
  22.   width:*;
  23.   height:*;
  24.   behavior:sortableGrid column-resizer;
  25.   border:1px solid rosybrown;
  26. }

  27. @media print {
  28.     table {overflow:none; }
  29. }

  30. table th
  31. {
  32.   height:1.3em;
  33.   background-color: rosybrown;
  34.   color:white;
  35. }

  36. table th:checked[order=down]  
  37. {
  38.   foreground-image: url(stock:arrow-down);
  39.   foreground-repeat: no-repeat;   
  40.   foreground-position-top: 50%;   
  41.   foreground-position-right: 5px;   
  42. }

  43. table th:checked[order=up]
  44. {
  45.   foreground-image: url(stock:arrow-up);
  46.   foreground-repeat: no-repeat;   
  47.   foreground-position-top: 50%;   
  48.   foreground-position-right: 5px;   
  49. }

  50. table th:nth-child(1)
  51. {
  52.   width:1*;
  53. }
  54. table th:nth-child(2)
  55. {
  56.   width:2*;
  57. }

  58. table td
  59. {
  60.   border:1px solid rosybrown;
  61.   white-space:nowrap;
  62.   height:1.3em;
  63.   overflow:hidden;
  64.   text-overflow:ellipsis;
  65. }

  66. table tr:current
  67. {
  68.   background-color: peachpuff;
  69. }

  70. </style>
  71. </head>
  72. <body>

  73. <p>Sortable grid sample. Click on column header will reorder table.</p>

  74. <table fixedrows="1" fixedlayout>
  75. <tr><th>num</th><th>str</th></tr>
  76. <tr><td>9</td><td>dd</td></tr>
  77. <tr><td>5</td><td>aa</td></tr>
  78. <tr><td>12</td><td>cc</td></tr>
  79. <tr><td>7</td><td>bb</td></tr>
  80. </table>
  81. </body>
  82. </html>

  83. **/

  84. import console

  85. var ele=wbLayout.$1("table")

  86. wbLayout.onTableRowClick = function (ltTarget,ltOwner,rowIndex,behaviorParams) {
  87.         console.log(ltTarget.innerText)
  88. }


  89. winform.show();
  90. win.loopMessage();
复制代码

12

主题

39

回帖

369

积分

新手入门

积分
369
 楼主| 发表于 2018-8-9 23:59:24 | 显示全部楼层
现在是只能返回整行的内容,返回点击的某个单元格内容,该怎么实现?
您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

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

GMT+8, 2024-2-24 11:28 , Processed in 0.051137 second(s), 22 queries .

Powered by Discuz! X3.5

Copyright © 2001-2023 Tencent Cloud.

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