请问如何实现勾选element外层表格某行数据时,该行数据下嵌套的内层表格数据自动全选

如图,我想实现勾选外层表格的某行数据时,该行数据下面的内层表格数据自动全选。试了toggleRowSelection,好像不行。
求教各位,如何解决?

图片说明

        <el-table
                :data="tableData"
                border
                element-loading-text="Loading"
                default-expand-all
                @selection-change="handleSelectionChange"
                style="width: 100%">
            <el-table-column
                    type="selection"
                    width="55">
            </el-table-column>
            <el-table-column
                    prop="Name"
                    label="物资名称">
            </el-table-column>
            <el-table-column
                    prop="num"
                    label="批次">
            </el-table-column>
            <el-table-column
                    prop="user"
                    label="责任人">
            </el-table-column>
            <el-table-column type="expand">
                <template slot-scope="props">
                    <div class="table_inner">
                        <el-table
                                :data="props.row.detail"
                                ref="multipleTableSecond"
                                style="width: 100%">
                            <el-table-column
                                    type="selection"
                                    width="55">
                            </el-table-column>
                            <el-table-column label="cuu成分" prop="cuu">

                            </el-table-column>
                            <el-table-column
                                    prop="week"
                                    label="周期">
                            </el-table-column>
                            <el-table-column
                                    label="是否补充"
                                    prop="isadd">
                            </el-table-column>
                        </el-table>
                    </div>
                </template>
            </el-table-column>
        </el-table>

      data中:

      return {
            tableData: [
                {
                    Name:'量粒',
                    num:'第一批',
                    user:'杜强',
                    detail:[
                        {
                            cuu:'CUUT-1',
                            week:1,
                            isadd:'是',
                        },
                        {
                            cuu:'CUUT-2',
                            week:2,
                            isadd:'否',
                        }
                    ]
                },

            ],
            multipleTableSecond: [],
            multipleTable: [],
        }

1个回答

此问题已解决,是我自己漏了一句代码,导致一直实现不了。

weixin_45112267
weixin_45112267 怎么解决的?
4 个月之前 回复
QueenLee1
QueenLee1 怎么解决的?我现在也遇到了问题
5 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
嵌套表格数据
rn 项目中要把多层关系的数据显示在Web页面上(GridView),点第一级前面的加号,展开属于它下面的数据,然后一级一级都可以展开,显示的数据是这层的详细信息,和树控件有些类似. 有什么好的方法或者是思路? 急!!!!!!!!!
关于 ObjectDataSource 嵌套的问题:内层 ObjectDataSource 如何获取外层的数据?
业务逻辑中有两个函数:rngetCategorys,返回List(Of CategoryItem)rngetInfos,参数categoryID,返回List(Of InfoItem)rnrn目的是将各分类下信息显示出来,于是用两个 ObjectDataSource 嵌套:rnrnrn rn --------这里如何将外层的CategoryItem.DataID 传给它???rnrn rn rn ....rn rn rn rnrn
DataGrid显示嵌套的表格数据
DataGrid能显示嵌套的表格数据吗?就是左边有一+号的,如每行显示的订单行左边都有一+号,点击后行伸展出详细订单数据,哪位先辈能给我一下例子
数据表格数据的块粘贴,如何实现?
数据表格数据的块粘贴,如何实现?有没有这方面的控件?rn原理?程序该如何写?rn不够再加,谢。
嵌套表格:请问大家为什么看不到数据???
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>rnrnrn Untitled Documentrn rnrnrnrn rn rn rn rn rn rn 下拉列表rn 1rn 2rn 3rn 4rn rn rn rn 请选择rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn 这是主表rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn 0rn 3932058585rn 09/14/2004rn 20:53:23rn 0rn 2rn rn rn rn rn 0rn 00393356501384rn 09/14/2004rn 21:19:07rn 19rn 5.7rn rn rn rn rn 0rn 00390125577274rn 09/14/2004rn 22:53:36rn 25rn 6.5rn rn 194rn 36.4rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrnrn
使用Element时 默认勾选表格toggleRowSelection
页面效果: 在页面初始化加载时将表格中某行默认选中 使用方法:toggleRowSelection 方法名 说明 参数 toggleRowSelection 用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中) row, selected table表格渲染 &amp;amp;amp;lt;el-table :data...
数据表格修改数据
本课程介绍了EasyUI常用控件的使用,EasyUI操作简单,能实现页面布局和元素操作,适合开发网站管理后台。学习本课程,可以掌握使用EasyUI+ssm开发网站管理后台、文件上传、权限菜单管理等实用技能。
如何实现这样的数据表格???
这样一个数据库表:rn表头都只有一行,也就是每一列的表头都只有一行,但是表格中的内容(来自数据库中),有些列是一行,有些是两行,有些是三行,而且有些列可以使用下拉列表框的形式,这样的表格如何实现,我用了ExpressQuantumGrid这个控件,但这个控件小弟还不太会用,所以尝试了半天也没试出来,各位有谁知道怎么做吗?或者是用其他的控件也行。rn形式如下:rn┌───┬───┬───┐rn│ 表头 │ │ │rn├───┼───┼───┤rn│ ├───┼───┤rn│ ├───┼───┤rn└───┴───┴───┘rn
flex实现数据表格。
一个flex写的实现数据表格datagrid的实例。
springmvc+easyui datagrid 数据表格、数据表格分页
easyui可以说是我们后端程序员的好朋友了,在没用这个东西之前,我的页面都是用硬编码以及el表达式来循环的,做的很辛苦,后面自己学习了easyui之后,上手也比较快,都是中文,开发变的快了很多,数据表格可以用两种方式实现。 第一js式实现 前台js代码 $(function() { //渲染表格 $(&quot;#userListDG&quot;).datagrid({ title : &quot;用户...
【数据表格】-006-可编辑的数据表格
1、界面展示   2、JSP页面   &amp;lt;%@ page language=&quot;java&quot; import=&quot;java.util.*&quot; pageEncoding=&quot;UTF-8&quot;%&amp;gt; &amp;lt;% String path = request.getContextPath(); String basePath = request.getScheme()+&quot;://&quot;+request....
表格嵌套去掉内层边框
表格嵌套时,边框嵌套着很难看 在table标签加入 frame=&quot;void&quot; 如: &amp;lt;td&amp;gt; &amp;lt;table frame=&quot;void&quot;&amp;gt; #foreach($!c2 in $!c.assessList) &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; ...
表格与数据
请问有一个表格其中有房型和房价两列,房价的值根据房型而变,效果如图所示?rn请高手指点!!!
数据表格
数据表格rn各位大侠:rn谁知道哪里有现成的可以放数据内容的表格代码,类似与PB或VB的数据库表格(GRID),由于不能用swing,所以无法用JTable.rn不胜感谢
表格数据
本视频致力于打造最适合Python初学者的入门视频,站在初学者角度,从零开始、由浅入深,以朴实生动的语言来阐述复杂的问题,其中列举了大量现实中的例子进行讲解,真正做到通俗易懂。 本视频涵盖Python基础语言、流程控制、数据结构、函数、模块与包、面向对象、文件、异常等核心知识点。当学完一个章节的知识点,通过每章实用性强的案例,将所学知识综合运用到实际开发中,积累项目开发经验。
数据表格?
谁有会计中领料单的数据表格,表格的行以不同的颜色显示,如1,3,5...行记录颜色为浅绿,2,4,6...行记录颜色为浅黄,当光标点击记录的第一字段值时,弹出另一窗体,可以从另一窗体中的数据表格中选择一条记录,(两个表中有一相同的字段值),另一窗体中的数据表格中的记录的某一字段值发送到领料单中的相对应的字段值中,也就是从另一窗体的数据表格中取值?怎样实现?
miniui 表格默认勾选全部数据
grid.on("update", function (e) {  var rows = grid.findRows(function (row) {       return true;         });    grid.selects(rows); });
如何创建数据表格
我想动态创建数据表,数据库用的是access.在程序中已有数据库.请指教.要求有比较详细的代码和控件
如何筛选表格的数据?
DataGridView绑定了数据库的表,如果加条件进行筛选?求教
如何打印表格数据
在Delphi中,怎么讲DBGrid中的数据打印出来?请求高手帮忙,谢谢]
为什么html嵌套表格时,内层表格的背景图显示不出来?
rnhtml做嵌套表格,内层表格的单元格设置了背景图,结果没有显示出来,但是查看源文件,td的background 属性已经加上了。rnrn另做一个页面,写了一个单层的表格,背景图能正常显示。。rnrnrn请问这是为什么??
element ui 表格 处理后台获取的数据
 tabledata为registerUsers是个数组,利用prop,找到registerUser,再通过template,找到registerUser 下的 registerId &amp;lt;el-table-column width=&quot;100px&quot; align=&quot;center&quot; prop=&quot;registerUser&quot; label=&quot;用户Id&quot; &amp;gt;            &amp;lt;temp...
element ui 表格全选与否
template部分: template> div class="operator"> el-button @click="toggleSelect(tableData)" size="mini">全选/反选el-button> el-button @click="deleteSelect" type="danger" size="mini">删除el-button>
vue element表格合并行数据
vue element表格合并行数据 支持不分页的表格数据,分页的表格数据还有小bug &lt;template&gt; &lt;el-container&gt; &lt;el-main&gt; &lt;el-table :data="tableData" border style="width: 100%" ...
element 表格和分页组件数据关联
在table中html<div> <el-table :data="questionlist" border style="width: 100%" max-height="380">.....</el-table> <pagination v-on:child-say="listenToMyBoy"v-on:child-say2="listenToMyBoy2":totalNum=
element取表格对应id数据
第一种写法 &amp;lt;el-button size=&quot;mini&quot; type=&quot;danger&quot; @click=&quot;editor(scope.row)&quot;&amp;gt;编辑&amp;lt;/el-button&amp;gt; editor(row) { this.dialogTableVisible = true; this.id = row.id; var item = this.tab...
Element Table 中 动态渲染表格数据
需求: 根据后台返回数据渲染到表格:数据可能是一段html代码,要对其进行渲染处理成html到dom上 后台返回的数据结构是:如下 表头跟Tbody的数据格式 是一样的 比如:TableTitle:[{no:'数量',no2:规格',no3:'颜色',no4:'价格'}], 则 TableData:[ {no:1,no2:'1x2',no3:'黑色',no4...
angular 输入添加,全选,批量删除表格数据
//还是先导入包             全选    商品名称              {{qiu.name}}            var mo = angular.module("myApp",[]);   mo.controller("myCtrl",function($scope){    //定义数组     $scope.qius =
点击时获取表格的数据
var menuId = $(this).children(0).html(); 在哪个上边加的点击事件,都会获取得到的值,children(0)表示第一个,第二个是children(1),依次类推
导出表格数据时,空指针异常
1.导出数据,空指针 ,框架为jfina 1-1.Java导出数据时,该列在数据库中无值,报空指针异常,给出相应的行, 修改代码如下: Cell c3 = row.createCell(3); c3.setCellStyle(wrap); if (customer.getStr(“cardNo”) == null) { c3.setCellVa
动态添加表格!表格数据如何提交服务器?
[color=#0000FF]有耐心的朋友帮忙解决一下![/color]rn[color=#FF0000]在动态插入表格后如何把数据进行提交,包括'物品','单价','数量'?高手帮忙解决或指点一下!谢谢[/color]rnrnrn[code=HTML]rnrnrnrn rn rn rnrnrn rn rn rn 物品rn 单价rn 数量rn 删除rnrnrn rn rn rn 总计rn 0rn 0rn rnrnrn rn rn rn rn rnrnrnrnrnrnrn rn rn 名称rn 单价rn 数量rn 购买rn rn rn rn 物品一rn 5rn 1rn 添加rn rn rn rn 物品二rn 10rn 2rn 添加rn rn rn rn 物品三rn 15rn 3rn 添加rn rn rn rn 物品四rn 20rn 4rn 添加rn rn rn rn 物品五rn 3rn 5rn 添加rn rn rn rn 物品六rn 7rn 10rn 添加rn rn rnrnrnrnrnrnrn[/code]
AxurePro数据表格效果实现
AxurePro8数据表格效果实现,使用表格和中继器实现。AxurePro8数据表格效果实现,使用表格和中继器实现。
怎样实现这样的数据表格???
这样一个数据库表:rn表头都只有一行,也就是每一列的表头都只有一行,但是表格中的内容(来自数据库中),有些列是一行,有些是两行,有些是三行,而且有些列可以使用下拉列表框的形式,这样的表格如何实现,我用了ExpressQuantumGrid这个控件,但这个控件小弟还不太会用,所以尝试了半天也没试出来,各位有谁知道怎么做吗?或者是用其他的控件也行。rn形式如下:rn┌───┬───┬───┐rn│ 表头 │ │ │rn├───┼───┼───┤rn│ ├───┼───┤rn│ ├───┼───┤rn└───┴───┴───┘
实现表格与地图的数据联动
基于.net2.0和DevExpress、SharpMap的WinFormDemo,选中表格中的行,地图中会自动显示选中行在地图上的位置
【数据表格】-003-分页实现
1、前台分页展示界面    2、WebContent/jsp/datagrid_003.jsp   &amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot; pageEncoding=&quot;UTF-8&quot;%&amp;gt; &amp;lt;% String root = request.getContextPath(); ...
Layui+SSM实现数据表格的重载
本文是实现layui数据表格的重载 话不多说,直接开始: 1、项目引入layui,引入较为简单,不会的也可以百度百度,这里不再说明!!! 2、页面展示 3、页面代码展示 3.1 条件查询区 &lt;div style="padding: 2%" class="demoTable"&gt; &lt;div class="layui-form-item"&g...
怎样实现表格数据的提交
用数据库查询写出表格的行字段和第一列数据,用户根据第一行和第一列的内容,填入其他单元格的数据,然后将这些数据保存到数据库。rn例:rn姓名 语文 数学 自然 ...rn王一 90 36 100 ...rn王二 60 38 97 ...rn王三 97 86 65 ...rn....rn请问,这些可以填入数据的单元格是一个个写input么?还是可以用其他方式控制为可输入的?因为行和列都很多,这样的单元格可能有好几百个呢
ajax实现表格数据删除操作
假装是标题    在平时写crud中的删除操作时,作为新手,我一般比较常用的是用  &amp;lt;a href=&quot;delete?id=${a.articleId}&quot;&amp;gt;删除&amp;lt;/a&amp;gt;这种方式,现在的话我要介绍另一种方式--使用ajax实现删除操作。步骤1.前台jsp界面 &amp;lt;c:forEach items=&quot;${articles}&quot; var=&quot;a&quot;&amp;gt; &amp
嵌套表格中取数据问题
页面代码如下,在一个Div(id=1)中有一个表格,表格下面有一个Div(id=2), 在Div=2这个里面有一个相同的表格(input的id相同),然后如此一直循环下去,请问怎样写一段JS,能取到所有表格中控件的数据?rnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn
element ui 表格提交时获取所有选中的checkbox的数据
<el-table ref="multipleTable" :data="appList" border tooltip-effect="dark" style="width: 100%;height: 380px;overflow:auto" @selection-change="handleSelectionChange"> <el-table-column ty
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数