Populate data between two columns in the same table

Hi, at first, I want to thank the team a lot for your enormous efforts!

I want to know there is any way to populate the data between view and editor, and between each column in the data:
Example: I have many bags of candies, each bag has different type of candy and each candy usually belongs to only one bag. I have two tables like below:

**Table of bag:**
Bag Number Candy Quantity
B.1223 40
B.3423 50

**Table of candy**
Candy Number Bag Number
C.1 B.1223
C.3 B.1223
C.4 B.1223

The display for Candy Quantity in table of bag will be like this:
`{{renderValue}}` for when I click on this, I would move to `/candies` route and show up only candy belongs to a specific bag. I didn't know the `bagNumber` so there is any method for when I edit or add a new bag, I can get the bag number to insert into candy quantity column.

Currently, I am using `confirmCreate` event to handle the data before adding new. I changed the value of `candyQuantity` from number to an object like this: `40` into `40:B.1223` so I can choose how to display with View. But whenever I edit the field, it will show `40:B.1223` instead of `40`. So to be simple, how can I access to the data of other component, in this case, `bagNumberEditor` to use inside `candyQuantityView`