实现checkbox单选

chenshiqiang00 · 发表于 2012-12-10 10:30:04

老师，我现在想做一个checkbox单选功能，<column label="#master_checkbox" width="30px" ref="recCB" type="checkbox"
align="center"/> ，源码是这么写的，现在想实现点击某一行的时候，其他某行的选中取消。这个功能需要怎么实现，如图，现在只能多选，单选不能实现，请问这个功能需要怎么实现，有具体的案例吗？？？

cdzwdhh · 发表于 2012-12-10 10:46:29

只能多选，单选不能实现？不太明白楼主的意思？

chenshiqiang00 · 发表于 2012-12-10 10:48:00

就是我现在加的这个checkbox可以实现多选，但是我现在不想实现多选，只想实现单选，有没有什么办法可以实现？？？

cdzwdhh · 发表于 2012-12-10 10:54:38

chenshiqiang00 发表于 2012-12-10 10:48
就是我现在加的这个checkbox可以实现多选，但是我现在不想实现多选，只想实现单选，有没有什么办法可以实现 ...

把这个列label的#master_checkbox改成其他，例如：选择。

chenshiqiang00 · 发表于 2012-12-10 10:59:57

改了label还是多选，还是不能实现单选！！！！

cdzwdhh · 发表于 2012-12-10 11:12:11

我这里测试可以

<xui:column id="gridColumn0" ref="calcCheckBox" type="ch" label="选择" width="30px"
align="center" />

复制代码

cdzwdhh · 发表于 2012-12-10 11:17:15

本帖最后由 cdzwdhh 于 2012-12-10 11:19 编辑

chenshiqiang00 发表于 2012-12-10 10:59
改了label还是多选，还是不能实现单选！！！！

type="checkbox"换成type="ch" 。

var grid = justep.xbl("grid1").grid;
var checkColIndex = grid.getColIndexById("calcCheckBox");
//获取选择行的rowId
var checkedIDs = grid.getCheckedRows(checkColIndex);
alert(checkedIDs);

复制代码

可以获取选中行的rowid。可以参考一下/UI/demo/components/process/grid/grid.w。

chenshiqiang00 · 发表于 2012-12-10 11:18:16

估计是我说的太模糊，您没明白我的意思，我是想实现单选，你这还是多选，我的意思是选中某一行的时候其他任意行的选中都会取消，点哪行就是选中哪行，只是单一的选中某一行。这种功能需要怎么去实现？

chenshiqiang00 · 发表于 2012-12-10 11:20:30

var grid = justep.xbl("grid1").grid;
      var checkColIndex = grid.getColIndexById("calcCheckBox");
      //获取选择行的rowId
      var checkedIDs = grid.getCheckedRows(checkColIndex);
      alert(checkedIDs);

您这段代码是在checkbox这个组件的事件中写吗？？？在什么事件中写！

jishuang · 发表于 2012-12-10 11:46:43

单选可以使用radio

		自动登录	找回密码
密码			注册

[结贴] 实现checkbox单选