layui table 单选框

分享 未结
2 390
铃梦当当
铃梦当当 2017-12-24
悬赏:20飞吻
最近在练习使用table的单选按钮,各种阅读官方文档,发现居然没有,也许设计者有别的考虑吧,
前者有仁兄弟通过修改框架源码实现(http://fly.layui.com/jie/15991/)
但是本人有不想修改框架内容,因为别的地方用到,通过框架生成的HTML源码(版本不同,生成的的html内容、结构可能有所不同,本人使用的是2.2.4版本),配合监听进行各种操作,算是伪实现吧,伟大的邓爷爷曾说过,不管什么猫,能抓住老鼠就是好猫,至于我的实现过程,仁者见仁智者见智吧,勿喷哦。
var $ = layui.jquery, table = layui.table;
table.on('checkbox(resourceList)', function(obj){
if (obj.type == "all") {
var csss = $(".layui-table-cell.laytable-cell-1-0.laytable-cell-checkbox");
csss.each(function(index, e){
e.children[0].checked = false;
e.children[1].className="layui-unselect layui-form-checkbox";
});
} else {
var csss = $(".layui-table-cell.laytable-cell-1-0.laytable-cell-checkbox");
csss.each(function(index, e){
var dataIndex = e.parentNode.parentNode.getAttribute("data-index");
if (dataIndex != null) {
if(dataIndex != obj.data.LAY_TABLE_INDEX){
e.children[0].checked = false;
e.children[1].className="layui-unselect layui-form-checkbox";
}
} else {
e.children[0].checked = false;
e.children[1].className="layui-unselect layui-form-checkbox";
}
});
}
});
回帖
  • newyoung
    2017-12-24
    其实楼主不用写这么多来实现单选按钮,需要用单选按钮的那一列直接用tpl生成就行了
    1 回复
  • JAVA大神
    JAVA大神 (该号已被封)
    2017-12-24
    谢谢楼主大神分享,源码演示下载参考下这里: http://www.erdangjiade.com
    0 回复
本帖已设置禁止回复
本周热议
没有相关数据
layui

微信扫码关注 layui 公众号