Foxtable(狐表)用户栏目专家坐堂 → weui框架对行的批量选择


  共有2089人关注过本帖树形打印复制链接

主题:weui框架对行的批量选择

帅哥哟,离线,有人找我吗?
huangxueyao
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:一尾狐 帖子:443 积分:3530 威望:0 精华:0 注册:2013/2/9 12:45:00
weui框架对行的批量选择  发帖心情 Post By:2020/6/17 13:52:00 [只看该作者]

用weui框架生成的表格,怎样实现行的复选?
然后批量执行修改、删除之类的处理?

也就是类似狐表的rows.checked这样的效果

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107730 积分:547983 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2020/6/17 14:13:00 [只看该作者]

比如:

Select Case e.Path
    Case "table.htm"
        Dim wb As New WeUI
        wb.AppendHTML("<style>#table1 tr{height:50px}</style>",True)
        wb.AppendHTML("<script src='./lib/test3.js'></script>",True)
        With wb.AddTable("","Table1")
            .head.AddRow("","部门","姓名","年龄","电话","地址") '表头
            .body.AddRow("<input type='checkbox' id='1'>","技术部","张三","36","110","中国北京") '数据
            .body.AddRow("<input type='checkbox' id='2'>","技术部","李四","38","110","中国上海")
            .body.AddRow("<input type='checkbox' id='3'>","技术部","王五","39","110","中国深圳")
            .body.AddRow("<input type='checkbox' id='4'>","生产部","赵六","39","110","中国深圳")
            .body.AddRow("<input type='checkbox' id='5'>","生产部","刘七","39","110","中国深圳")
        End With
        With wb.AddButtonGroup("","btngrp1",False)
            With .Add("btn3", "查看", "button") '自定义按钮
                .Attribute = """
            End With
        End With
        e.WriteString(wb.Build)
End Select

test3.js
Function showid() {
  var eles = document.querySelectorAll("#table1 input");
  var s = "";
  for (var i = 0, k = eles.length; i < k; i++) {
    if (eles[i].checked) {
      s = s + ',' + eles[i].id;
    }
  }
  alert(s);
}

 回到顶部