使用jquery在CSHTML中显示标签中的多行文本

使用jquery在CSHTML中显示标签中的多行文本,jquery,razor,kendo-ui,label,multiline,Jquery,Razor,Kendo Ui,Label,Multiline,在我的cshtml视图中有一个文本框(以及许多其他文本框),用户可以在其中输入一些随机文本(本质上可以是多行的)并将其保存在数据库中。成功保存数据后,用户可以使用“查看统计信息”按钮查看保存的数据。单击此按钮,所有保存的数据将以只读模式加载到各自的标签中。这里的问题是,用户输入的多行文本在标签中显示为单行。但是当用户试图编辑记录时(数据在文本框中被禁用),数据显示为多行。如何在视图模式下实现相同的功能,以便在标签中显示多行文本 下面是我的文本框: @using (Html.BeginInnerP

在我的cshtml视图中有一个文本框(以及许多其他文本框),用户可以在其中输入一些随机文本(本质上可以是多行的)并将其保存在数据库中。成功保存数据后,用户可以使用“查看统计信息”按钮查看保存的数据。单击此按钮,所有保存的数据将以只读模式加载到各自的标签中。这里的问题是,用户输入的多行文本在标签中显示为单行。但是当用户试图编辑记录时(数据在文本框中被禁用),数据显示为多行。如何在视图模式下实现相同的功能,以便在标签中显示多行文本

下面是我的文本框:

@using (Html.BeginInnerPanel(true, new { style = "width:100%;", id =      "pnlRemarks" }, "", false))
{
  using (Html.BeginInnerPanelBody())
  {
     using (Html.BeginFieldWrap("Remarks", "", new { style = "width:100%"   }))
    {
         @Html.TextArea("txtRemarks", "", new { style = "width:99%;height:80px; text-transform: uppercase;" });
     }
  }
}
以下是我的标签:

@using (Html.BeginInnerPanel(true, new { style = "width:100%; display:none;", id = "pnlRemarksV" }, "", false))
 {
    using (Html.BeginInnerPanelBody())
    {
       using (Html.BeginFieldWrap("Remarks", "", new { style = "width:100%"    }))
    {
       <label id="lblViewRemarks" style = "font-weight:bold"></label>
    }
  }
}
@使用(Html.BeginInnerPanel(true,新{style=“width:100%;display:none;”,id=“pnlRemarksV”},”,false))
{
使用(Html.BeginInnerPanelBody())
{
使用(Html.BeginFieldWrap(“备注”,new{style=“width:100%”)
{
}
}
}

我基于编辑或查看模式隐藏和显示面板。你能帮我把标签上的文字显示成多行吗

您可以使用带隐藏选项的textarea,而不是使用Label,因此它对于只读功能非常有用

溢出:隐藏;或溢出:可见

因此:

<textarea id="txt" type="text" style="position:absolute; top:200px; left:170px; overflow:hidden;"></textarea>
#lbl{           
    max-width:220px;
    height:auto;
}