Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Blazor 在单击组件上执行功能_Blazor_Razor Components - Fatal编程技术网

Blazor 在单击组件上执行功能

Blazor 在单击组件上执行功能,blazor,razor-components,Blazor,Razor Components,我有一个按钮: <BSButton Color="Color.Info" @onclick="LoadCategoryDetailsModal"> <i class="fal fa-plus-circle mr-1"></i>Add New Category </BSButton> 嘿,我刚找到答案! 在组件中添加@ref=“Modal”: <CategoryDetails CategoryDetailModalTitle="@c

我有一个按钮:

<BSButton Color="Color.Info" @onclick="LoadCategoryDetailsModal">
     <i class="fal fa-plus-circle mr-1"></i>Add New Category
</BSButton>

嘿,我刚找到答案! 在组件中添加@ref=“Modal”:

<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle">
</CategoryDetails>
<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle" @ref="@Modal"></CategoryDetails>
public void Toggle()
    {
        CategoryDetailsModal.Toggle();
    }
在方法中,单击按钮时:

 private void LoadCategoryDetailsModal()
    {
        category = new Category();
        categoryDetailModalTitle = "Add New Category";
        Modal.Toggle();
    }
切换这是我在子组件中创建的方法:

<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle">
</CategoryDetails>
<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle" @ref="@Modal"></CategoryDetails>
public void Toggle()
    {
        CategoryDetailsModal.Toggle();
    }

如果在父组件中有子组件:

<BSButton Color="Color.Info" @onclick="LoadCategoryDetailsModal">
    <i class="fal fa-plus-circle mr-1"></i>Add New Category
</BSButton>
CategoryDetailsModal.Toggle();
<CategoryDetails CategoryDetailModalTitle="@categoryDetailModalTitle"></CategoryDetails>
CategoryDetailsModalRef是一个对象,包含对 CategoryDetails子组件。这就是如何将@ref属性添加到 捕获对CategoryDetails组件的引用:

<CategoryDetails @ref="CategoryDetailsModalRef" CategoryDetailModalTitle="@categoryDetailModalTitle"></CategoryDetails>

在@code块中定义:
categorydails categorydailsmodalref

注意,上面的代码假设您在中定义了一个名为Toggle()的方法 CategoryDetails组件,其作用是切换模式窗口的显示,可能通过将布尔变量从true更改为false,反之亦然


希望这能有所帮助……

那么,除了你模糊的命名更改之外,我的答案和你的答案有什么区别呢?没有区别,我和你在同一时间发布了答案。
<CategoryDetails @ref="CategoryDetailsModalRef" CategoryDetailModalTitle="@categoryDetailModalTitle"></CategoryDetails>