一次选择即可在表格中选择特定行

时间:2018-06-25 04:34:42

标签: iview-ui

我想实现一种方法,如果数据已更改,该方法取消移动到下一行。 我的想法是使用on-current-change事件,因为这为我提供了oldCurrentRow。 我应该用什么参数发出什么事件以实现停留在最后突出显示的行上。

您可以在https://jsfiddle.net/arjanno/pdazb5kf/28/

中找到小提琴

关键是这里发生的事情

    onCancel: function () {
       //Move back to oldCurrentRow
       this.$Message.info(`Clicked cancel`);
    }

只要您不将数据设置为脏,您就应该能够单击任何行。 当您单击“脏”时,它会显示一个模式,询问您是否要丢失所做的更改。 取消后,我想停留在单击另一行之前的行中。

1 个答案:

答案 0 :(得分:1)

我认为我们无法通过index回调提供给我们的数据来了解该行的on-current-change。由于它的实用性,可以/应该更改它,可以随意为其解决问题。

无论如何,您可以将最后选择的行与当前数据集进行比较,然后使用【{{1}】键告诉_highlight要突出显示哪一行。

示例:https://jsfiddle.net/pdazb5kf/40/

代码为:

i-table