C#•3y ago

❔ Blazor: Get value of nested component

I have two component: CompA and CompB and a page index.

CompB is a simple input
CompA has a RenderFragment

I want to display the input text of CompB inside CompA

PS: I am doing stuff step by step to understand the process

N0mlssOP•9/21/23, 5:00 PM

N0mlssOP•9/21/23, 5:01 PM

N0mlssOP•9/21/23, 5:02 PM

The goal of all of that is to eventually build a component with nested components that interact with eachother...

friedice•9/21/23, 5:11 PM

What's your question?

N0mlssOP•9/21/23, 5:18 PM

How can i display input of CompB inside of CompA

friedice•9/21/23, 5:20 PM

if you want to only display the input, you dont need to set up two way binding like the way you're doing

friedice•9/21/23, 5:22 PM

N0mlssOP•9/21/23, 5:24 PM

I simplified my problem as much as possible because we don't care about the details. The real issue is that I want to retrieve the value in CompB and show it in CompA, but I think it is not possible to do it according to that https://stackoverflow.com/questions/60588712/retrieving-value-within-renderfragment

Stack Overflow

Retrieving value within RenderFragment

I would like to retrieve the value of a RenderFragment for use in my code:

Parent Component

<SkillIndividual>
<Skill>Fireball</Skill>
<AttributeType>Fire</Attribute...

friedice•9/21/23, 5:25 PM

so you want the from the child component and use it in the parent component?

N0mlssOP•9/21/23, 5:25 PM

Yeah

friedice•9/21/23, 5:25 PM

easiest thing to do would be 2 way binding then

friedice•9/21/23, 5:26 PM

create the value in the parent, pass it to the child

N0mlssOP•9/21/23, 5:26 PM

What if i want to put two CompB in the RenderFragment?

friedice•9/21/23, 5:27 PM

why do you want specifically render fragment?

N0mlssOP•9/21/23, 5:27 PM

The real thing im trying to do is build a generic table where you can add lines to it. The footer either accept input text or select. Before runtime, the code doesnt know how much column there will be in the table

friedice•9/21/23, 5:28 PM

why not in CompA

N0mlssOP•9/21/23, 5:28 PM

Cause before runtime i dont know how much compB i will need

N0mlssOP•9/21/23, 5:28 PM

N0mlssOP•9/21/23, 5:30 PM

Im passing a class that generate the columns here, so the component is generic. In some case, there might be 3 columns, other cases, only one. So I can't simply put the CompB in CompA because the number of inputs are situational

N0mlssOP•9/21/23, 5:30 PM

Does that make sense?

blinkbat•9/21/23, 5:34 PM

well the ui is just a reflection of the data

blinkbat•9/21/23, 5:34 PM

so you'd add data to the list

blinkbat•9/21/23, 5:35 PM

and the two way binding would correspond to a parent data structure's key

blinkbat•9/21/23, 5:38 PM

just pass a handler to the child

blinkbat•9/21/23, 5:39 PM

like you know how Prop/OnPropChanged params work?

N0mlssOP•9/21/23, 5:40 PM

But how can i define if the table uses input or select? I understand that the UI is the reflection of the data, but i am trying to build a reusable "infinite table" where i can define the combinaison of element i want in the footer wheter it is ddl.txtbox,txtbox ddl or whatever else combinaison. I dont know if that make sense

blinkbat•9/21/23, 5:41 PM

it doesnt

blinkbat•9/21/23, 5:41 PM

explain

blinkbat•9/21/23, 5:41 PM

with concrete example or diagram

N0mlssOP•9/21/23, 5:42 PM

I will explain what i am trying to do then i will send screnshot of where i am rn with it. Is that good?

blinkbat•9/21/23, 5:42 PM

N0mlssOP•9/21/23, 5:43 PM

So I am trying to create a generic table where i can pass a List<class> and the table will display the data. Each properties of "class" has a column

blinkbat•9/21/23, 5:43 PM

N0mlssOP•9/21/23, 5:44 PM

In the footer of that table, you can add datas to that List<class>. But since the table is generic, i want to reuse it. Sometime the datas can only be added from combobox, ddl, select, whatever you want to call it

N0mlssOP•9/21/23, 5:44 PM

Some other times, the datas can be added from input text

blinkbat•9/21/23, 5:45 PM

add data = add a list row?

N0mlssOP•9/21/23, 5:45 PM

Exactly

blinkbat•9/21/23, 5:45 PM

and depending on the property type it could be an enum or free text etc

blinkbat•9/21/23, 5:45 PM

right?

N0mlssOP•9/21/23, 5:45 PM

exact! or data coming from database as choices

blinkbat•9/21/23, 5:45 PM

per column

blinkbat•9/21/23, 5:46 PM

N0mlssOP•9/21/23, 5:46 PM

yup

blinkbat•9/21/23, 5:46 PM

any issue so far?

blinkbat•9/21/23, 5:46 PM

i see none

blinkbat•9/21/23, 5:47 PM

aside from costly reflection

blinkbat•9/21/23, 5:47 PM

to determine the properties

N0mlssOP•9/21/23, 5:48 PM

Well since the table doesnt know how much columns and what the elements will be in the footer before runtime, I was thinking of having nested component to determine the elements in the footer

blinkbat•9/21/23, 5:48 PM

you just use reflection