Авторазмер Html.TextBoxFor

Question

У меня есть этот текст-бокс на странице:

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

Как я могу сделать это так, каждый раз, когда он делает это подходит к тексту поступил?

Answer 1

Если вы не используете какой-то моноширинный шрифт, такой как новый, но вы не можете предсказать, сколько пикселей оно займет. Но вы всегда можете оценить, 10 пикселей на символ или аналогичный. Затем у некоторых пользователей есть большие шрифты, которые вы не можете обнаружить, и все выглядит неправильно ... Я предлагаю вам переосмыслить эту функцию, с точки зрения UX или технических проблем!

Может быть что-то вроде этого, с вспомогательным методом, который умножает длину строки со средним пикселей на CHAR (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);" })%>