使用帶有 blazorise 數據網格的下拉列表

Question

我是 Blazor 的新手，我正在嘗試創建一個可編輯的數據網格。 我有一列需要下拉列表，當我單擊該項目時，它應該下拉列表。 我有這個工作，但是，當我單擊它時它不會保留選定的值。 我只是保持默認。 有沒有辦法做到這一點？

我的數據網格列：

   <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 object，您可以使用它來更新單元格的值。 單擊DropdownItem時需要設置CellEditContext.CellValue ：

<Dropdown Visible="true">
    <DropdownToggle>
        @(!string.IsNullOrEmpty(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