在list里面添加checkbox，怎么实现单选功能

五千万得主

如题描述。请问有没有比较容易的方法实现或者思路。

18818239006

1.checkbox 绑定一个int类型的data字段就可以了！
和其他数据类型绑定一样！1表示选中，0表示未选中，只需要将checkValue==1即可。
2.在checkbox的onchange事件中处理一下点击事件即可，代码如下:
        Model.prototype.checkbox2Change = function(event) {
                var mRow = event.bindingContext.$object;
                var mData = this.comp("flyOrderData");
                mData.each(function(obj) {
                        if (mRow == obj.row) {
                                mData.setValue("fChoose", "1", obj.row);
                        } else {
                                mData.setValue("fChoose", "0", obj.row);
                        }
                });
        };

liangyongfei

checkbox 绑定一个boolean类型的data字段就可以了！
和其他数据类型绑定一样！

五千万得主

liangyongfei 发表于 2016-6-1 17:18
checkbox 绑定一个boolean类型的data字段就可以了！
和其他数据类型绑定一样！

能不能说具体一些，还是不太明白要怎么绑定。谢谢~~

qldsrx

1. <input type="radio" name="group1" value="1">测试</input>
   
2. <input type="radio" name="group1" value="2">测试</input>
   
3. <input type="radio" name="group1" value="3">测试</input>

复制代码

使用input type="radio"，设置相同的name即可，样式虽然不是勾选，但可以自己配置css来改造

五千万得主

qldsrx 发表于 2016-6-3 16:05
使用input type="radio"，设置相同的name即可，样式虽然不是勾选，但可以自己配置css来改造 ...

额···我是在list中添加，因为行数是根据绑定的data生成的，没办法这样设置name吧。

qldsrx

name是固定死的，value属性可以绑定一个具体的值，ref绑定即可，然后获取选中项，得到value即可
$('input:radio[name=group1]:checked', this.getRootNode()).val();

jkshare

版主的方法可行,这是最简单的办法

你自己先试试再来纠结你的疑惑,有些东西你试过之后会发现没有你想的那么复杂

liangyongfei

五千万得主 发表于 2016-6-3 15:50
能不能说具体一些，还是不太明白要怎么绑定。谢谢~~

就是bind-ref属性绑定一个data字段啊！和list中其他可视组件的绑定是一样的，可以参考：
/UI2/system/components/justep/list/demo/news.w

qldsrx

列表里用checkbox绑定一个Data组件的计算列也是不错的做法，因为翻页时可以保存勾选状态。唯一麻烦的是，切换勾选时需要自己写代码处理上一个勾选的值的设置，radio是自动处理的，方便些，但不要出现翻页情况，否则第二页时，第一页的勾选状态可能会丢失（看翻页处理机制而定）