自动调整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个像素或类似的像素。然后一些用户有大字体，你不能检测到，一切看起来都错了……我建议你重新考虑这个特性，无论是从用户体验角度还是从技术挑战角度！

也许像这样，使用helper方法将字符串长度乘以每个字符的平均像素(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);" })%>