如何在Gridview中使用Javascript從dataBase中設置textarea行數

Question

在 Gridview 列中，當我嘗試從數據行設置 textarea 行數時，我有 textarea 不起作用，我嘗試：

<Columns>
  <asp:TemplateField>
    <ItemTemplate>
      <textarea class="form-control pt-0 pb-0 pl-1 pr-1" rows="myFunction(<%# Eval("qustionText").ToString() %>)" wrap="soft"><%# Eval("qustionText") %></textarea>                                
    </ItemTemplate>
  </asp:TemplateField>
</Columns>

我在頁面末尾的 javascript 代碼是：

<script>
  function myFunction(xVal) {
  var rows = xVal.split("\n");
  return rows.length;
 };
</script>

謝謝。

Answer 1

您可以在頁面加載時設置 textarea 的 rows 屬性。

        var grdvw = document.getElementById('<%= grdView.ClientID %>');
        for (var rowId = 1; rowId < grdvw.rows.length; rowId++) {
            var txtarea = grdvw.rows[rowId].cells[0].children[0];
            var rows = txtarea.value;
            rows = rows.split("\n");
            txtarea.setAttribute("rows",rows.length);
        }