为 Blazor（服务器）InputTextArea 设置行属性答案

【问题标题】：Set Rows Attribute for Blazor (Server) InputTextArea为 Blazor（服务器）InputTextArea 设置行属性
【发布时间】：2020-12-31 03:22:51
【问题描述】：

我正在构建一个包含 InputTextArea 的 Blazor（服务器）EditForm。默认情况下，看起来 InputTextArea 创建了一个有 2 行的 textArea，但对于这个特定的应用程序，我更喜欢 4 行。

如何设置 Blazor InputTextArea 的行数？

【问题讨论】：

标签： razor blazor blazor-server-side

【解决方案1】：

我很想知道是否有其他方法，但是在搜索了一段时间后，我找到了这个解决方案。

在您的 C# 代码中，创建 Dictionary 类型的属性。

 Dictionary<string, object> inputTextAreaAttributes = new Dictionary<string, object>();

覆盖 OnInitializedAsync 并将新项目添加到您的字典中。

 Dictionary<string, object> inputTextAreaAttributes = new Dictionary<string, object>();

 protected override Task OnInitializedAsync()
 {
     inputTextAreaAttributes.Add("rows", "4");
 }

将 InputTextArea 的 @Attribute 属性设置为您的字典。

 <InputTextArea @bind-Value="@prop" @attributes="inputTextAreaAttributes"></InputTextArea>

【讨论】：

【解决方案2】：

您可以像下面这样简单地添加rows 属性。

<InputTextArea @bind-Value="@prop" rows="4"></InputTextArea>

它不需要任何 C#，因为这只是 html。

【讨论】：

我以为我以前尝试过，但显然我没有。我现在觉得有点傻，但我很感激你的帮助。