繁体   English   中英

如何在iview vue中的Table元素中获取选定行的索引?

How to get selected rows' index in Table element in iview vue?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

如何在iview vue中的Table元素中获取选定行的索引? 例如,表元素如下所示:

<Table ref="selection" :columns="columns4" :data="data1" @on-selection-change="updateSelectedNumber"></Table>
2 个回复

单击“获取数据行”项。 要获得单击的项目的索引,只需单击所需的行,而不是复选框上方,而不是该复选框,但应在同一行上。

添加此标签

methods: {
 valueRowClick(value)
 console.log(value)
}
result:
position: 0 -> Object 
position 1: -> Index item clicked 2

当选择一个项目时,根据文档,它会将所选项目的值丢弃。 GET数据项选择

<table @on-select="nameFunction">
methods: {
 nameFunction (value) {
 console.log(value)
}
}

删除项目示例:添加此标签表

<table @on-selection-change="valueItemsSelected"></table>
methods: {
    valueItemsSelected(value){
      if(value.length > 0){
       for(let y = 0, max1 = value.length; y < max1; y ++){
         for(let i = 0, max = this.data1.length; i < max; i++){
          if(value[y] === this.data1[i])    {
           this.data1.splice(i, 1)
          }
         }
        }
      }
    }
  },

在您的HTML模板中,如<Table :columns="myColumns" :data="myData" />无关。

在您的<script> ,当您单击一行时,可以使用以下数据结构为函数添加一个params对象:

{
  row : {...}
  index : 0 // or maybe the actual row index,
  column: {...}
}

rowClicked(params.index) {
  let rowIndex = params.index;
}
2 如何在NSTableView的选定行中获取元素?

我有一个内容类型为View Based两列的View Based的NSTableView 。 我的对象的结构如下: 对于选定的行,我想在选定的行中获取特定列的元素。 具体来说,我想在所选行的第一列中获取Text Field 。 我有一个到表格视图的出口,到目前为止,我具有所 ...

4 从选定元素中获取索引

所以我有一个包含一些子元素的div,当我用jQuery选择一个子元素时,我想在选择器中获取它的索引 因此,可以说我在主div中选择了最后一个元素。 如果我在上面调用index(),它将给我“ 7”,因为在所有子元素中索引为“ 7”。 但是现在让我们说我想基于其他“红色”元素获取索引, ...

7 如何在元素 UI 中的子 Select Dropdown 的 @change 事件上获取选定的行索引?

我正在生成一个包含多个输入元素的列表,其中一个是&lt;el-select&gt; 。 在更改此选择菜单时,我获得了与该选择相关的价值。 但在这里,问题是,我还想获取父 v-for 项目的索引/行号。 您可以从以下代码中理解我的意思: 从上面的代码可以看出,我想在updateDropdowns传 ...

8 如何在颤动中获取行中的选定索引

日期选择器 我想为用户构建一个日期选择器来选择他们想要预订课程的日期。 到目前为止,我已经编写了生成下一个 8 天并将其连续显示的逻辑,但是当用户点击日期时我无法获取所选索引。 我如何做到这一点? 非常感谢你。 ...

9 如何在iView中自定义输入元素的CSS?

我使用Vue的单个文件组件,并想尝试iView UI框架。 考虑下面的代码: 然后,我想更改输入的宽度。 仅举例来说,要检查更改是否生效: 但这没有效果。 也尝试过i-input 。 可以正常工作。 我应该使用哪个CSS选择器? ...

10 如何在JSF数据表中获取选定的行索引?

我在index.xhtml上有一个数据库 我的豆子: 我的问题是,即使单击不同的编辑按钮,我总是在服务器日志中获得相同的索引。 想象一下,有一个集合提供给数据表。 我没有在bean中表明过。 如果我将范围从ViewScope更改为RequestScope,它可以正常工作 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM