使用带有blazorise的下拉列表

Question

我是新来的巴兹尔，我试图创建一个数据，是可编辑的。我有一个列，需要一个下拉列表，当我单击该项目时，它应该向下拉一个列表。我有这个工作，但是，当我点击它时，它不保留选定的值。我只是在默认状态下。有办法这样做吗？

我的数据栏：

   <DataGridColumn TItem="CarTable" Field="@nameof(CarTable.ManualOrAutomatic)" Caption="Status" Editable >
          <EditTemplate>
    <Dropdown Visible="true" >
    <DropdownToggle>
        Select transmission
    </DropdownToggle>
    <DropdownMenu>
        <DropdownItem>Manual</DropdownItem>
        <DropdownDivider />
        <DropdownItem>Automatic</DropdownItem>
    </DropdownMenu>
</Dropdown>
        </EditTemplate>
      </DataGridColumn>

Answer 1

EditTemplate级联一个可以用来更新单元格值的CellEditContext对象。单击CellEditContext.CellValue时需要设置DropdownItem：

<Dropdown Visible="true">
    <DropdownToggle>
        @(!string.IsNullOrEmpty((string)context.CellValue) ? context.CellValue : "Select transmission")
    </DropdownToggle>
    <DropdownMenu>
        <DropdownItem Clicked="@(() => context.CellValue = "Manual")">Manual</DropdownItem>
        <DropdownDivider />
        <DropdownItem Clicked="@(() => context.CellValue = "Automatic")">Automatic</DropdownItem>
    </DropdownMenu>
</Dropdown>

假设ManualOrAutomatic属性是字符串。如果是其他类型，则相应地更新代码。

关于DataGrid单元模板的更多信息：https://blazorise.com/docs/extensions/datagrid/templates