相关疑难解决方法(0)

我正在为我工​​作的公司开发一个内部销售应用程序,我有一个允许用户更改交付地址的表单.

现在我认为它会看起来更好,如果我用于主要地址细节的textarea只占用其中文本的区域,并在文本被更改时自动调整大小.

这是目前的截图.

有任何想法吗？

@克里斯

一个好点,但有理由我希望它调整大小.我希望它占用的区域是其中包含的信息区域.正如你在屏幕截图中看到的那样,如果我有一个固定的textarea,它会占用相当大的垂直空间.

我可以减少字体,但我需要地址大而且可读.现在我可以减小文本区域的大小,但是我遇到的问题是地址行需要3或4行(一行需要5行).需要用户使用滚动条是一个主要的禁忌.

我想我应该更具体一点.我正在垂直调整大小,宽度无关紧要.发生这种情况的唯一问题是,当窗口宽度太小时,ISO编号(大"1")会被推到地址下(正如您在屏幕截图中看到的那样).

这不是要有一个gimick; 它是关于有一个用户可以编辑的文本字段,它不会占用不必要的空间,但会显示其中的所有文本.

虽然如果有人想出另一种解决问题的方法,我也会对此持开放态度.

我已经修改了一些代码,因为它的行为有点奇怪.我将其更改为在keyup上激活,因为它不会考虑刚刚输入的字符.

resizeIt = function() {
  var str = $('iso_address').value;
  var cols = $('iso_address').cols;
  var linecount = 0;

  $A(str.split("\n")).each(function(l) {
    linecount += 1 + Math.floor(l.length / cols); // Take into account long lines
  })

  $('iso_address').rows = linecount;
};

我有一个asp.net mvc视图,允许用户在textarea中输入一些描述.

我面临两个问题.

当我扩展textarea时,它正在扩展而不移动其他html元素,或者我无法创建一个Html.TextBoxFor()多行文本框.有谁能建议解决这个问题？如果使用Textarea如何使其扩展(增大),以便它不与其他元素重叠或如何使用Html.TextBoxFor()多行？

这就是我的代码的样子

<% using (Html.BeginForm())
        { %>
     <%: Html.ValidationSummary(true)%>

    <fieldset>

        <div class="editor-label1">
            <%: Html.LabelFor(Model => Model.PackageID)%>
        </div>
        <div class ="editor-field1">
             <%: Html.HiddenFor(Model => Model.PackageID)%>
              <%: Html.DisplayFor(Model => Model.PackageID)%>
             <%: Html.ValidationMessageFor(Model => Model.PackageID)%>
        </div>

         <div class="editor-label1">
            <%: Html.LabelFor(Model => Model.PackageName)%>
        </div>
        <div class ="editor-field1">
            <%: Html.TextBoxFor(Model => Model.PackageName)%>
            <%: Html.ValidationMessageFor(Model => Model.PackageName)%>
        </div>

        <div class="editor-label1">
            <%: Html.LabelFor(Model => Model.PackageDesc)%>
        </div>
        <div class ="editor-field1" style= "padding-bottom: 50px; margin-bottom: 150px">
            <%: Html.TextBoxFor(Model => Model.PackageDesc, new { TextMode = TextBoxMode.MultiLine, cols …

我textarea的背景是​​一个手绘框。我希望height背景图片的内容与其中的文字一起伸展。因此，当输入的文本超出的height/ width时textarea，而不是看到滚动条，图像（以及文本框本身）的大小将调整为与文本的整个高度匹配。我认为可以通过为CSS 添加一个min-height: 200px/ max-height:100%来解决此问题，textarea但不知道如何正确实现。

我使用的代码是：

    textarea{ 
        background: #FFF url(box.png) no-repeat 0px 0px;
        background-attachment:fixed;
        width: 605px;
        height: 200px;
        line-height:20px;
        padding:30px;
        text-indent:3px;
        margin:0;
        border: none;
    }

<textarea type="text" class="textbox" size="14"></textarea>

编辑：只是为了澄清，这不是我们将要使用的实际图像，设计师正在做一个更好的版本-只是我在油漆中拼凑了一个。

这是我的代码:(保持简单)

<textarea style="height:100px;">
    $textareatext
</textarea>

• 如果$textareatext是1行长我想要textarea的高度适合
• 如果它的3,5或10行......同样的事情.

我遇到的问题是100px高度太大,但如果我设置它20px并且有10行,则textarea高度太小.注意:值是通过mysql预加载的.所以我认为应该计算线数,然后根据线数设置高度？有什么建议？

我使用Javascript和jQuery,或者你建议的任何东西.

谢谢.

我在Sencha Touch有一个应用程序,我有一个textareafield.在Chrome中,这是可调整大小的,但在使用iPhone时却没有(我没有在Android设备上试过).

我需要一个文本输入区域,人们可以输入从一个或两个单词长到多个句子的文本.所以我需要这个来自动调整大小 ; 有一些手动调整大小的方法; 或者在其中滚动的某种方式.

到目前为止,我一直无法使用Sencha Touch做任何这些.如果有人能指出我可行的解决方案,我将非常感激.它不需要是Sencha Touch中的任何特定组件.