Dynamic options list in Editable select column

[yakirg]

I have a problem where I have one column that is a type and another that is a refine on said type:

const posTypes = ["Any", "Noun", "Verb", "Adjective", "Adverb", "Cardinal number"];
const posRefineTypes = {
  "Any": [],
  "Noun": ["Any", "Single", "Plural", "Proper noun single", "Proper noun plural"],
  "Verb": ["Any", "Base form", "Past tense", "gerund or present participle", "past participle", "non-3rd person singular present", "3rd person singular present"],
  "Adjective": ["Any", "Comparative", "Superlative"],
  "Adverb": ["Any", "Comparative", "Superlative"],
  "Cardinal number": []
};
...

           <TableHeaderColumn
                dataField='Pos' editable={ {type: 'select', options: {values: posTypes}} }
                width={"120px"}>
              Pos
            </TableHeaderColumn>

            <TableHeaderColumn
                dataField='Refine'
                editable={  {type: 'select', options: {values: posRefineTypes[Pos]}} }
                width={"120px"}>
              Refine
            </TableHeaderColumn>   

I need the options in the sub type to match the type, but it has to be a constant.

Is there a way to get it done?

[AllenFang]

@yakirg, it's impossible now but I have few question

options: {values: posRefineTypes[Pos]}} }

what's the Pos?? which depend on previous column value? thanks

[yakirg]

Pos is one column select value (stands for Parts Of Speech)
Refine is the next column, which has options that relate to the value selected in Pos.

Hope this clears a bit ...

[AllenFang]

@yakirg, I probably know your requirement, I'll consider to add this feature by a callback function, you can decide what options list you want depend on row data, that's what I think but I need to check code and no schedule promise here, sorry for that due to busy recently. thanks

[yakirg]

@allen, a callback will be great! Thanks.

[yakirg]

Created a PR with a suggested fix.
It is still problematic on the insert new dialog part, because the row doesn't exist, but it's usable as is.

[AllenFang]

@yakirg, nice !! I will check this out. 👍

[AllenFang]

Fixed on v4.0.0-beta.8