动态创建 labelTextarea 的疑问

yczxqy

我动态创建 labelTextarea , 创建后，发现编辑时不能回车、换行，而窗口拖曳是可以的，对比属性好像没有区别，如图：
一、窗口拖曳实现：

1.         <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label30"
   
2.           xid="labelEdit2" style="height:102px;">
   
3.           <label class="x-label" xid="label2"/>  
   
4.           <textarea component="$UI/system/components/justep/textarea/textarea" class="form-control x-edit"
   
5.             xid="textarea2" placeHolder="请输入地址" bind-ref="$model.data1.ref("addr")"/>
   
6.         </div>

复制代码

效果为：


这里可以回车、可以换行。
二、用代码来动态创建：

1.         Model.prototype.button2Click = function(event){
   
2.                 //生成 labelTextarea
   
3.                 var parentNode = this.getElementByXid("div1");
   
4.                 var option = {
   
5.                     parentNode : parentNode,
   
6.                     xid : 'labelEditl2',
   
7.                     class : 'x-label-edit x-label30',
   
8.                     style:  "height:100px;"
   
9.                 };
   
10.                 new labelEdit(option);
    
11. 
    
12.                 var parentNode1 = this.getElementByXid("labelEditl2");
    
13.                 var div = $("<label data-bind='text:$model.data1.label("addr")' style='width:20%;'>");
    
14.                 justep.Bind.addNodes(parentNode1, div);
    
15. 
    
16.                 var option1 = {
    
17.                     parentNode : parentNode1,
    
18.                     xid : 'textarea1',
    
19.                     class:"form-control x-edit",
    
20.                     'bind-ref' : "data1.ref('addr')" ,
    
21.                     style:  "height:100px;"
    
22.                 };
    
23.                 new input(option1);
    
24.         };

复制代码

操作的效果为：


这里的文字，没有办法回车、换行。

请问这是什么原因？我应该怎么修正？

liangyongfei

你手动拖拽的是  textarea  组件！
代码使用的是input组件！

textArea 当然可以换行，input不可以~！

yczxqy

还真是的，低级错误。
您们真厉害！谢谢了！
可以结贴。