Как получить диалог с номером Pad в веб -приложении Blazor Server ⇐ C#

[Anonymous]

Я разрабатываю веб -приложение для сенсорной панели, где нет клавиатуры (и я хочу избежать экрана клавиатуры). Я попробовал несколько способов решить эту проблему без радости. Моя последняя попытка - использовать диалог Blazor Fluent UI Panel, и я рядом. Моя последняя оставшаяся проблема заключается в том, чтобы ввести значение вводится в номерную площадку, возвращаемую в компонент бритвы, который открыл номерной прокладку. Таким образом, вариант использования: < /p>

Пользователь нажимает поле формы (FluentTextInput), чтобы ввести числовое значение. ОК Чтобы использовать значение или отменить , чтобы прервать операцию.

Код: Выделить всё

@implements IDialogContentComponent




1
2
3

4
5
6

7
8
9

Clear
0
Backspace



@code {
[Parameter]
public string Content { get; set; } = string.Empty;

public void AddDigit(MouseEventArgs e, int digit)
{
Content += digit.ToString();
StateHasChanged();
}

public void ClearInput()
{
Content = string.Empty;
}

public void Backspace()
{
if (Content.Length > 0)
{
Content = Content.Substring(0, Content.Length - 1);
}
}
}
< /code>
Вот код для компонента хоста, который открывает панель для ввода: < /p>


@code {
private IDialogReference? _dialog;
private string RealPowerCmd { get; set; } = "0";

private async Task OpenDialogRealPower()
{
var parameters = new DialogParameters()
{
Content = RealPowerCmd,
Alignment = HorizontalAlignment.Right,
PrimaryAction = "OK",
SecondaryAction = "Cancel"
};
_dialog = await DialogService.ShowPanelAsync(RealPowerCmd, parameters);
DialogResult result = await _dialog.Result;
if (result.Cancelled)
{
return;
}
if (result.Data is not null)
{
var inputValue = result.Data as string;
RealPowerCmd = inputValue!;
StateHasChanged();
}
}
}
< /code>
inputValue

не возвращает значение, введенное пользователем.

Подробнее здесь: https://stackoverflow.com/questions/796 ... er-web-app