自动调整大小Html.TextBoxFor

Question

我在页面上有这个文本框：

<%= Html.TextBoxFor(m => m.STPData.ProjectName, new { @class = "economicTextBox", disabled="disabled", propertyName = "STPData.ProjectName", onchange = "UpdateField(this);" })%>

我如何才能做到这一点，使其每次呈现时都适合输入的文本？

Answer 1

除非您使用诸如currier new之类的等宽字体，否则您将无法预测需要多少px。 但是您始终可以估算出每个字符10个像素或类似像素。 然后，某些用户使用了无法检测到的大字体，并且一切看起来都出了问题。我建议您从UX角度或技术挑战方面重新考虑此功能！

也许是这样的，使用辅助方法将字符串长度乘以每个字符的平均像素数（10？）：

<%= Html.TextBoxFor(m => m.STPData.ProjectName, 
    new { @class = "economicTextBox",
    style="width:"+Helper.PixelsForString(m.STPData.ProjectName,10)+"px;",
    disabled="disabled", 
    propertyName = "STPData.ProjectName", 
    onchange = "UpdateField(this);" })%>