Diskuze: Blazor - reference a její předání do komponenty

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

Ondřej Šrytr

Člen

Ondřej Šrytr:24.4.2021 11:48

Zdravím,

řeším problém ohledně předání reference komponenty do jiné komponenty. Kód je následující:

Do ref1 předám referenci komponenty Komponenta2, následně ji také předám do Komponenta1 pomocí parametru

<Komponenta1 Reference="ref1"/>

<Komponenta2 @ref="ref1" />

@code {
    public Komponenta2 ref1 { get; set; }
}

Komponenta1, metodu test pro otestování volám z události onclick

@code {
    [Parameter]
    public Komponenta2 Reference { get; set; }

    public void test()
    {
        Reference.Magic();
    }
}

Komponenta2

@code {
    public void Magic()
    {
        Console.WriteLine("Hello reference");
    }
}

Problém je, že vlastnost Reference v Komponenta1 je vždy null. Na internetu se mi nepodařilo najít nic, co by mi pomohlo. Také otázka, zda je to vůbec takhle možné.

Zkusil jsem: ElementReference, ale je to jen reference na samotný element, nikoliv komponentu, takže nelze volat metody v komponentě.

Chci docílit: Předání reference komponenty a zavolat v ní metodu nebo funkci.

Odpovědět

24.4.2021 11:48

Radek Veverka

Tvůrce

Radek Veverka:24.4.2021 14:50

Blazor ukládá elementy a komponenty s @ref do proměnných až potom, co se komponenta vykreslí. Nemůžeš proto nikdy předat hodnotu z @ref takto parametrem další komponetě, protože předání parametrů se děje před vykreslením, proto je předaná hodnota null.

Nahoru Odpovědět

24.4.2021 14:50

Radek Veverka

Tvůrce

Radek Veverka:24.4.2021 15:06

Napadá mě to obejít tím, že místo reference na komponentu pošleš komponentě lamda funkci, která ji vrátí:
Komponenta 1:

@code {
    [Parameter]
    public Func<Komponenta2> Reference { get; set; }

    public void test()
    {
        Reference().Magic();
    }
}

Rodičovská komponenta:

<Komponenta1 Reference="@( () => ref1 )"/>

<Komponenta2 @ref="ref1" />

@code {
    public Komponenta2 ref1 { get; set; }
}

Pozor ale, stále platí že musíš test() zavolat až v OnAfterRender, nikoliv už v OnInitialized. Nebo můžeš zavolat po kliku na tlačítko či po jiné události - to už je vše vykreslené a hodnoty @ref uložené.

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

24.4.2021 15:06

Ondřej Šrytr

Člen

Ondřej Šrytr:24.4.2021 16:39

Díky moc za objasnění. S pomocí lambda funkce to funguje jak má.

Nahoru Odpovědět

24.4.2021 16:39

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.