如何仅将工具提示添加到 sfcard cardHeader Title 字段？

Question

这是我的代码：

<CardHeader Title="@card.Title"  [email protected]("AED {0}" ,@card.Price.ToString())

需要在添加时向标题字段添加工具提示

<CardHeader Title="@card.Title" [email protected]  [email protected]("AED {0}" ,@card.Price.ToString())

关于添加获取两个参数是唯一且不区分大小写的错误

Answer 1

看起来您已经在使用 Syncfusion 控件，那么为什么不也使用

SfTooltip

？如果您不使用包含所有控件的通用包，则需要

Syncfusion.Blazor.Popups

NuGet 包。

<SfTooltip Content="@card.Title" Position="Position.LeftCenter">
    <CardHeader Title="@card.Title"  [email protected]("AED {0}" ,@card.Price.ToString()) />
</SfTooltip>

Answer 2

您可以通过使用 SfTooltip 控件来实现将工具提示添加到 Card 标题的要求。请检查下面的代码，

代码片段：

@using Syncfusion.Blazor.Cards
@using Syncfusion.Blazor.Popups

<SfTooltip ID="Tooltip" Target=".e-card-header-title" Content="@cardTitle">
  <SfCard ID="HugeImage">
    <CardHeader Title="@cardTitle" SubTitle="Sales Coordinator and Representative" />
</SfCard>
</SfTooltip>

@code{
    public string cardTitle = "Laura Callahan";
}

工具提示文档：https://blazor.syncfusion.com/documentation/tooltip/getting-started

问候，

维尼莎