Question

问题是，我用两根色谱柱做了一个离子选择器。在第一列中只有两个选项可供选择，并且取决于该列中当前选择的内容，第二列的值应更改。所以我的问题是，如果无法确认，该如何找到第一栏中当前选择的内容？

第二列应从包含值的数组中获取信息。并且请不要在下面的代码中批评我的变量名，以后我可能会更改它们。

async showMultiColumnPicker(id) {
    if (this.disabledis[id - 6] !== true) {
    const opts: PickerOptions = {
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel'
        },
        {
          text: 'Done',
          role: 'confirm',
          handler: async () => {
            const vari1 = await      
                  this.picker_cancer.getColumn(this.pickerbois[id].name);
            const vari2 = await this.picker_cancer.getColumn('2nd row');
            this.selectedvalue = vari1.options[vari1.selectedIndex].text +
            ' ' + vari2.options[vari2.selectedIndex].text;
            this.selected[id] = this.selectedvalue;
          }
        }
      ],
      columns: [
        {     //1st row
          name: this.pickerbois[id].name,
          options:  this.pickerbois[id].options[0]
        },
        {     // How can you know which option is 
              // currently selected in the first column?
          name: '2nd row',
          options: this.pickerbois[id].options[1]
        //options: this.pickerbois[id].options[2] in case of the second          
        //attribute in the 1st row being selected
        }
      ]
    };
    const picker = await this.pickerCtrl.create(opts);
    this.picker_cancer = picker;
    picker.present();
  }
 }

Answer 1

好的，所以我认为日期时间选择器在一个月的几天中都这样做了，所以一定可以做到。

在代码中进行挖掘是回答您的问题的一种好方法，我发现in the datetime.tsx文件是这样的：

picker.addEventListener('ionPickerColChange', async (event: any) => {
  const data = event.detail;

  const colSelectedIndex = data.selectedIndex;
  const colOptions = data.options;

  const changeData: any = {};
  changeData[data.name] = {
    value: colOptions[colSelectedIndex].value
  };

  this.updateDatetimeValue(changeData);
  picker.columns = this.generateColumns();
});

您可以处理的最高机密事件，可以解决您的问题！

我认为这是文档中的错误，但是从more digging around看来，有了这些新信息，ionPickerColChange被标记为@internal。

这意味着它将来可能会更改，并且不受官方支持。

在某些情况下，似乎可能存在一些显示问题，可能会阻止它们成为公共api的一部分，因此请看看您的情况如何，祝您好运！

我在研究过程中发现的最后一件事情，this forum thread在结尾处有一个forceUpdate通话：

picker.forceUpdate();

如果遇到问题，请尝试。

如果尚未确认，如何知道多列离子选择器的列中当前选择的元素？

1 个答案: