Razor 为Blazor(服务器)InputExtArea设置行属性

Razor 为Blazor(服务器)InputExtArea设置行属性,razor,blazor,blazor-server-side,Razor,Blazor,Blazor Server Side,我正在构建一个Blazor(服务器)编辑表单,其中包含一个InputExtArea。默认情况下,看起来InputTextArea创建了一个包含2行的textArea,但是对于这个特定的应用程序,我更喜欢4行 如何设置Blazor InputExtArea的行数?我很想知道是否有其他方法,但在搜索了一段时间后,我找到了这个解决方案 在C代码中,创建Dictionary类型的属性 Dictionary<string, object> inputTextAreaAttributes =

我正在构建一个Blazor(服务器)编辑表单,其中包含一个InputExtArea。默认情况下,看起来InputTextArea创建了一个包含2行的textArea,但是对于这个特定的应用程序,我更喜欢4行


如何设置Blazor InputExtArea的行数?

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

  • 在C代码中,创建Dictionary类型的属性

     Dictionary<string, object> inputTextAreaAttributes = new Dictionary<string, object>();
    
     protected override Task OnInitializedAsync()
     {
         inputTextAreaAttributes.Add("rows", "4");
     }
    
     <InputTextArea @bind-Value="@prop" @attributes="inputTextAreaAttributes"></InputTextArea>
    
    Dictionary inputTextAreaAttributes=new Dictionary();
    
  • 重写OnInitializedAsync并将新项添加到词典中

     Dictionary<string, object> inputTextAreaAttributes = new Dictionary<string, object>();
    
     protected override Task OnInitializedAsync()
     {
         inputTextAreaAttributes.Add("rows", "4");
     }
    
     <InputTextArea @bind-Value="@prop" @attributes="inputTextAreaAttributes"></InputTextArea>
    
    Dictionary inputTextAreaAttributes=new Dictionary();
    受保护的覆盖任务OnInitializedAsync()
    {
    InputExtAreaAttributes.添加(“行”,“4”);
    }
    
  • 将InputTextArea的@Attribute属性设置为字典

     Dictionary<string, object> inputTextAreaAttributes = new Dictionary<string, object>();
    
     protected override Task OnInitializedAsync()
     {
         inputTextAreaAttributes.Add("rows", "4");
     }
    
     <InputTextArea @bind-Value="@prop" @attributes="inputTextAreaAttributes"></InputTextArea>
    
    
    

  • 您可以简单地添加
    属性,如下所示

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

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

    我想我以前试过,但显然我没有。我现在觉得有点傻,但我感谢你的帮助。