通过行控制table复选框状态

<el-table @row-click="clickRow" ref="moviesTable" :data="insertModel.tableData"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"/>
<el-table-column prop="name" label="电影名称" align="center" show-overflow-tooltip/>
<el-table-column prop="movieType" label="分类" width="100" align="center" :formatter="formatType"/>
</el-table>

<script>
export default {
methods: {
clickRow(row){
this.$refs.moviesTable.toggleRowSelection(row)
}
}
};
</script>

原文地址:https://www.cnblogs.com/dianzan/p/12697037.html

时间: 2024-10-13 19:01:46

通过行控制table复选框状态的相关文章

ExtJS表格——行号、复选框、选择模型

本篇的内容是为表格添加行号,和复选框,最后谈一下Ext的选择模型.内容比较简单,就直接上代码了.一. 设置行号   行号的设置主要问题在于删除某一行后需要重新计算行号  Ext.onReady(function() {         var cm = new Ext.grid.ColumnModel([                     new Ext.grid.RowNumberer(),           --在这里设置行号                    { header:

控制a标签的链接效果+控制input复选框+选框文字

1.a:link{color:black;} 控制链接效果2.a:visited{color:red;} 控制鼠标点下时的效果3.a:hover{color:yellow;} 控制鼠标滑过的效果4.a;active{color:black;} 控制链接点过之后的效果5.cursor:pointer;     鼠标变手型 6.让选中的复选框变文字变红色让input的框自动获取焦点里面的文字变红色 input:focus{color:red;}input[type="checkbox"]:

android listview + checkbox 列表上下滑动导致复选框状态丢失解决办法

以前为这个问题头疼很久.然后去忙其他事情.一直没有去整理,今天好不容易闲下来.就来整整这个listview + checkbox的问题吧 界面: listview_cell: 界面很简单,一个全屏的listview,cell很简单,一个textview一个checkbox activity: package com.example.testlistviewandcheckbox; import java.util.ArrayList; import java.util.List; import

GridView控件通过bit值显示复选框状态

前几天用VS2013做了一个Asp.net下用GridView控件显示数据选中状态的小例子,引发了关于bit的一些新认识. 先简单说说我这个例子吧. 在VS里新建一个web窗体,然后拖入一个GridView控件,绑定Sql Server数据库里的数据源,再通过设置模板添加一个新列.在这个列中加入一个CheckBox控件,然后绑定到数据库里的字段. 开始我设置这个字段的类型为varchar,字段的值为True.False等.绑定后却无法达到想要的效果,即F5后网页内数据库isText字段值为Tru

DevExpress TreeList 父子节点复选框状态同步

1.给TreeList tlstRegion添加一个自定列(包含) TreeListColumn IsAll; RepositoryItemCheckEdit repositoryChk = new RepositoryItemCheckEdit();chkIsAll.EditValueChanging += chkIsAll_EditValueChanging;tlstRegion.RepositoryItems.Add(chkIsAll);this.IsAll.ColumnEdit = ch

复选框的勾选与状态判断

复选框的勾选需要通过Dom进行, 状态判断需要通过JqDom进行 复选框勾选: checkbox_dom.checked = true; 复选框状态判断: $(checkbox_dom).is(':checked'); 题外话 -- Dom与JqueryDom的互转: JqDom转Dom Dom = $JqDom.get(0); Dom转JqDom $JqDom = $(Dom);

样式化复选框(Styling Checkbox)

复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样: 选中状态  未选状态 这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式.以往只有少数浏览器才支持对这类控件应用样式,比如拿到这样一张设计图:  blue.png 在过去,想要通过简单地修改样式达成这种设计效果根本不行,不过,现在借助强大的 CSS3 属性 appearance 可以对该类控件有空前的样式控制能力: input[type="checkbox&

移动开发不能不知道的事- css3复选框样式自定义

样式化复选框(Styling Checkbox) 复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样: 选中状态  未选状态 这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式.以往只有少数浏览器才支持对这类控件应用样式,比如拿到这样一张设计图: blue.png 在过去,想要通过简单地修改样式达成这种设计效果根本不行,不过,现在借助强大的 CSS3 属性 appearance 可以对该类控件有空前的样式控制能

组合框里添加复选框的方法(使用勾选的假象,用图片代替而已,并非QT原生支持)

组合框可以看作是列表框和文本框的组合,因其占据的空间少,使用操作方便,常被界面设计人员用于界面开发设计中,在有限个输入的条件下,组合框常用来代替文本框,这样从用户使用角度来看,更趋人性化,所见即所得.然好的控件永远敢不上应用的步伐,有时常规控件并不能满足应用的需要,经常需要在现有的控件上做扩展.有些应用需要在组合框的列表框的每一项前加复选框,以便可以控制列表框每一项的状态(选中还是未选中),显然现有的组合框(列表框+文本框的组合)不能满足应用要求.那么怎么得到一个超强组合框(列表框+文本框+复选