主页 / coding / 问题 / 77067500
Accepted
Yara
Asked: 2023-09-08 21:51:31 +0800 CST

如何在 EditForm Blazor 组件内获取 SfListView 模板的正确上下文？

  • 772

我在EditForm中有一个SfListView。在“模板”部分中的“var fileItem = (context as AttachmentFile);”行 我收到下一个错误： CS0039 无法通过引用转换、装箱转换、拆箱转换、包装转换或 null 类型转换将类型“Forms.EditContext”转换为“Models.AttachmentFile”。继承、引用转换和装箱转换允许使用 as 运算符进行转换。

这是我的代码：

<EditForm EditContext="@myContext" OnSubmit="OnSendClick">
<SfListView EnableVirtualization="true" DataSource="@attachments">
    <ListViewFieldSettings TValue="AttachmentFile" Id="@nameof(AttachmentFile.Id)" Text="@nameof(AttachmentFile.Name)">
    </ListViewFieldSettings>
    
    <ListViewTemplates TValue="AttachmentFile">
        <Template>
            @{
                var fileItem = (context as AttachmentFile);

                <div class="rezmessage-attachment-file">
                    <i class="@fileItem.Icon"></i>
                    <a href="@fileItem.WebPath" target="_blank">fileItem.Name</a>
                </div>
            }
        </Template>
    </ListViewTemplates>
</SfListView>

如何获取与SfListView相关的上下文，而不是与EditForm相关的上下文？

blazor

1 个回答

  1. Best Answer

    您可以使用模板元素上的Context属性Ms docs定义上下文的范围名称。

    那么你甚至不需要投射它(context as AttachmentFile);

    <EditForm EditContext="@myContext" OnSubmit="OnSendClick">
  <SfListView EnableVirtualization="true" DataSource="@attachments">
    <ListViewFieldSettings TValue="AttachmentFile" Id="@nameof(AttachmentFile.Id)" Text="@nameof(AttachmentFile.Name)">
    </ListViewFieldSettings>

    <ListViewTemplates TValue="AttachmentFile">
      <Template Context="templateContext">
        @{
          var fileItem = templateContext;

          <div class="rezmessage-attachment-file">
            <i class="@fileItem.Icon"></i>
            <a href="@fileItem.WebPath" target="_blank">@fileItem.Name</a>
          </div>
        }
      </Template>
    </ListViewTemplates>
  </SfListView>
</EditForm>
    • 1

相关问题