Element: The [Feature Request] shuttle array is not arranged in the order of shuttle

Created on 15 Nov 2017 · 8Comments · Source: ElemeFE/element

Existing Component

是

Component Name

transfer穿梭框

Description

穿梭框右侧的显示顺序应该以穿梭的先后顺序一致，如先加入了条目3、4，然后加入了条目2，结果应该显示为3、4、2。而不是默认的2、3、4、

Source

conanliuhuan

All 8 comments

Translation of this issue:

Existing Component

yes

Component Name

Transfer shuttle box

Description

The shuttle box on the right side of the display order should be based on the order of the shuttle, such as first joined the item 3 and 4, and then joined the 2 entries, the results should be displayed as 3, 4, 2. Instead of the default 2, 3, 4,

element-bot on 15 Nov 2017

怎么实现呢？谁有方法或者API？

Lpbzzz on 27 Nov 2017

👍1

Sorry, we have no plan to support this.

Leopoldthecoder on 19 Dec 2017

👎2

我也遇到这个问题这就是个bug 失去了穿梭框的意义

outman0503 on 23 Dec 2017

I met this problem too,
as official team has no plan to fixed this
I fixed it myself ,
my version is v1.4.2
I edit the source code of the Transfer
Source file of Transfer

computed: {
  sourceData() {
    return this.data.filter(item => this.value.indexOf(item[this.props.key]) === -1);
  },

  targetData() {
    // source code
    // return this.data.filter(item => this.value.indexOf(item[this.props.key]) > -1);

    //  here is my code
    let tmp = [];
    this.value.forEach(item => {
      let i = this.data.findIndex(it => it[this.props.key] === item);
      tmp.push(this.data[i]);
    });
    return tmp;
  },

  hasButtonTexts() {
    return this.buttonTexts.length === 2;
  }
}