iview 表格 某一列中设置radio

在iview 表格 某一列中设置radio,说白了还是要在render中添加,方法为:

{
            title: ‘业务参数设置‘,
            // key: ‘pyCode‘,
            align: ‘center‘,
            render:(h, params) => {
              return h( "RadioGroup",
                {
                  props: {
                    value: params.row.status*1==1?‘可以‘:‘不可以‘
                  },
                  on: {
                    "on-change":(val) => {
                      val==‘可以‘? params.row.status=‘1‘:params.row.status=‘0‘
                      console.log(val, "改变了",params.row.status);
                    }
                  }
                },
                [
                  h("Radio", {
                    style: {
                      display: "inline-block",
                      "font-size": "14px"
                    },
                    props: {
                      label: "可以",
                    }
                  }),
                  h("Radio", {
                    style: {
                      display: "inline-block",
                      "font-size": "14px"
                    },
                    props: {
                      label: "不可以",
                    }
                  })
              ]);
            }
        }

需要注意的是,如果是多个选项的话,用‘RadioGroup’并且改变事件与回显要在‘RadioGroup’中,亲测

原文地址:https://www.cnblogs.com/wy120/p/10921812.html

时间: 2024-10-07 04:17:40

iview 表格 某一列中设置radio的相关文章

[ExtJS5学习笔记]第二十三节 Extjs5中表格gridpanel的列格式设置

本文地址:http://blog.csdn.net/sushengmiyan/article/details/39665979 官方文档:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.grid.column.Date 本文作者:sushengmiyan ----------------------------------------------------------------------------------------------

excel同列中不能输入相同的数设置

在很多工作表中,某些字段要求的值可能是唯一的,比如会员卡号.×××号等,这时候就需要我们在excel列中设置有效性规则才可以达到此效果. (常见问题)excel中如何设定同一列中不能出现相同数字怎样在Excel中设置不能输入同样的内容EXCEL中如何设置一列中不能输入相同数据如何设置EXCEL表格中的某一行,不允许录入重复的数据excel中同一列单元格中,奇数行不能出现相同的数字在excel中如何在同一列数据前加上一个数字[wang1045432700博客推荐视频教程点击下方链接即可] exce

css样式表中设置table的第一列的宽度是固定值

table{table-layout:fixed;}table tr td:first-child,table tr td:first-child{width:120px;} 首行第一个td定宽同列的宽度都会和他一样. *注意 第一行 第一个用的是 td 还是 th css样式表中设置table的第一列的宽度是固定值,布布扣,bubuko.com

sas中的sql(6)创建表格、展现表格、插入行、删除行、规定限制条件(constriants)、处理输入错误(undo策略)、update表格、更改列

1:三种建表方式 建表只会在库中建立好表格并在日志中显示,并不会有输出. 1.1:自己定义列来建立一张空表 column-specification = column-define + column-constriants + MESSAGE=/MSGTYPE SAS中数据的存储方式只有两种,一种char(n)一种num.sas也支持sql原生的数据类型,但是最终都会统一转化为这两种 proc sql; create table work.departments (Dept varchar(20

使用vue自定义指令合并iview表格单元格

使用vue自定义指令合并iview表格单元格, 我们在开发过程中发现iview表格组件,官网只提供了合并表头的demo,并没有合并表格中的单元格. ivew表头分组:https://www.iviewui.com/components/table#BTFZ 效果图如下: 具体实现思路,通过vue自定义属性来操作dom,达到我们想要的效果: 代码如下: demo.vue  表格页面 <template> <div class="demo"><Table :c

FineUI第十七天---- 表格之扩展列

表格之扩展列 1.序号列与复选列:只需要设置表格的EnableRowNumber和EnableCheckBoxSelect属性为true即可! 注意:序号列表示的是当前页的顺序,因此即使表格翻页后依然是从1开始的. 默认是多选模式,方式Control.Shift. 取消多选:EnableMultiSelect属性false即可! 如果在后台获取选中的行呢? 1 int[] selections = Grid1.SelectedRowIndexArray;2         foreach (in

示例-创建表格-指定行列&amp;删除表格的行和列

<body> <script type="text/javascript"> /* *上面的方法和你麻烦.*既然操作的是表格,*那么最方便的方式就是使用表格节点对象的方法.* *表格是由行组成.表格节点对象中insertRow方法就完成了创建行并添加的动作.* *行是有单元格组成.通过tr节点对象的insertCell来完成.*/function crtTable(){ var oTabNode = document.createElement("ta

css网页中设置背景图片的方法详解

css网页中设置背景图片的方法详解 在css代码中设置背景图片的方法,包括背景图片.背景重复.背景固定.背景定位等 用css设置网页中的背景图片,主要有如下几个属性: 1,背景颜色 {background-color:数值}2,背景图片 {background-image: url(URL)|none}3,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4,背景固定 {background-attachment

在DevExpress GridControl的一列中显示图片

最近做项目的时候用到了将GridControl中一列设置为PictureEdit类型,然后通过这一列来显示图片.经过尝试发现有以下两种方式可行. 方法一.知道图片的路径与名称 比如:在数据库中存储了图片的路径(包括:本地路径.服务器路径),那么在可以通过非绑定列的方式来实现. 1.创建了一个非绑定列并设置其相应的属性,属性设置如下: FieldName设为 Photo(该字段名必须是唯一的) UnboundType设为 UnboundColumnType.Object ColumnEdit设为R