热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

同一页面两个table中数据选择问题

同一页面中有两个table,功能是从一个table中选择数据添加到另一个table1中。其中第二个table也有checkbox框有几个问题1、数据添加到table1中也

同一页面中有两个table,功能是从一个table中选择数据添加到另一个table1中。
其中第二个table也有checkbox框
有几个问题
1、数据添加到table1中也会被默认选中
2、再次添加时,使用$("#table").bootstapTable("getAllSelections")从table取选中数据,如果在table1中此条数据是取消选中状态,数据不会取出来。
就是说不同table中选择数据会影响另一个表,这是怎么回事啊。



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61






    $('#table').bootstrapTable({

        height:323,

        classes:'table table-xkap table-hover',

        columns: [

            {checkbox:true,width:'5%'},

            {field: 'id',title: '标识列',visible:false},

            {field: 'userid',title: '用户标识',align:'center',width:'20%'},

            {field: 'username',title: '姓名',align:'center',width:'10%'},

            {field: 'deviceid',title: '设备标识',align:'center',width:'20%'},

            {field: 'sleeptime',title: '始睡时间',align:'center',width:'20%'},

            {field: 'getuptime',title: '起床时间',align:'center',width:'20%'},

            {field: 'score',title: '睡眠评分',align:'center',width:'10%'}

        ],

        idField:'id',

        uniqueId:'id',

        url: "data/isleep/data01.json",

        pagination:true,

        pageSize:5,

        pageList:[5,10,'ALL'],

        selectItemName:'id',

        clickToSelect:true,

        toolbar: "#source-toolbar",

        toolbarAlign:'right'

       

    });

    $('#table1').bootstrapTable({

        height:275,

        classes:'table table-xkap table-hover',

        columns: [

            {checkbox:true,width:'5%'},

            {field: 'id',title: '标识列',visible:false},

            {field: 'userid',title: '用户标识',align:'center',width:'20%'},

            {field: 'username',title: '姓名',align:'center',width:'5%'},

            {field: 'deviceid',title: '设备标识',align:'center',width:'20%'},

            {field: 'sleeptime',title: '始睡时间',align:'center',width:'20%'},

            {field: 'getuptime',title: '起床时间',align:'center',width:'20%'},

            {field: 'score',title: '睡眠评分',align:'center',width:'10%'}

        ],

        idField:'id',

        uniqueId:'id',

        selectItemName:'id',

        clickToSelect:true

    });

   

   

    $("#btn_select").on("click",function(){

        $("#table1").bootstrapTable("uncheckAll");

        var data = $("#table").bootstrapTable("getAllSelections");

        //$("#table1").bootstrapTable("appendByUniqueId",data);

        $("#table1").bootstrapTable("append",data);

       

    });

   

    $("#btn_test").click(function(){

        //在table1中取消选中后,即使table中对应数据是选中状态也不会被获取

        var data = $("#table").bootstrapTable("getAllSelections");

        console.log(data.length);

    });



   



推荐阅读
  • 点击后defaultEducation的值明明改变了,但props传给子组件却watch不到 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • javascript  – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • 模板引擎StringTemplate的使用方法和特点
    本文介绍了模板引擎StringTemplate的使用方法和特点,包括强制Model和View的分离、Lazy-Evaluation、Recursive enable等。同时,还介绍了StringTemplate语法中的属性和普通字符的使用方法,并提供了向模板填充属性的示例代码。 ... [详细]
  • 本文整理了Java中org.gwtbootstrap3.client.ui.Icon.addDomHandler()方法的一些代码示例,展示了Icon.ad ... [详细]
  • 视图分区_组复制常规操作网络分区amp;混合使用IPV6与IPV4 | 全方位认识 MySQL 8.0 Group Replication...
    网络分区对于常规事务而言,每当组内有事务数据需要被复制时,组内的成员需要达成共识(要么都提交,要么都回滚)。对于组成员资格的变更也和保持组 ... [详细]
  • 这是我写的第一篇文章,若有不对,请大家指正,多谢!这篇文章主要讲小程序的全选。接触小程序没有太久,我想每实现一个功能就在这里记录一次,以此巩固。其实实现很简单,在每个选择集合中加入 ... [详细]
  • 本文分享了一个关于在C#中使用异步代码的问题,作者在控制台中运行时代码正常工作,但在Windows窗体中却无法正常工作。作者尝试搜索局域网上的主机,但在窗体中计数器没有减少。文章提供了相关的代码和解决思路。 ... [详细]
  • Linux重启网络命令实例及关机和重启示例教程
    本文介绍了Linux系统中重启网络命令的实例,以及使用不同方式关机和重启系统的示例教程。包括使用图形界面和控制台访问系统的方法,以及使用shutdown命令进行系统关机和重启的句法和用法。 ... [详细]
  • 计算机存储系统的层次结构及其优势
    本文介绍了计算机存储系统的层次结构,包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体,形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低,使得整体存储系统的平均价格降低。同时,高速缓存的存取速度可以和CPU的工作速度相匹配,进一步提高程序执行效率。 ... [详细]
  • 本文详细介绍了Spring的JdbcTemplate的使用方法,包括执行存储过程、存储函数的call()方法,执行任何SQL语句的execute()方法,单个更新和批量更新的update()和batchUpdate()方法,以及单查和列表查询的query()和queryForXXX()方法。提供了经过测试的API供使用。 ... [详细]
  • 本文讨论了在openwrt-17.01版本中,mt7628设备上初始化启动时eth0的mac地址总是随机生成的问题。每次随机生成的eth0的mac地址都会写到/sys/class/net/eth0/address目录下,而openwrt-17.01原版的SDK会根据随机生成的eth0的mac地址再生成eth0.1、eth0.2等,生成后的mac地址会保存在/etc/config/network下。 ... [详细]
  • systemd-nspawn可以创建最轻量级的容器(ns的意思就是namespace),本文的实验平台是Ubuntu16.04,x86_64机器。本文的目的是:在Ubuntu中用syst ... [详细]
  • ForabuttonIhave3possibleclasses:state-normal,state-focusandstate-hover.Allhaveth ... [详细]
author-avatar
泽儿0818_833
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有