动态创建html节点报错

zpzlbww

我想在js中动态创建html节点，参考了http://wex5.com/cn/%E7%BB%84%E4%BB%B6%E7%9A%84%E4%BD%BF%E7%94%A8/#2.2的代码，

1. var newContent = this.comp('content1').add({});
   
2. 
   
3.     var div = $("<div data-bind='click:divClick'>新的页面</div>");
   
4.     justep.Bind.addNodes(newContent.domNode, div);
   
5.    
   
6.     //div的click事件调用的divClick方法
   
7.     Model.prototype.divClick = function(){
   
8.         alert('单击事件');
   
9.     };

复制代码

但是执行到var newContent = this.comp('content1').add({});程序就报错了，

1. TypeError: this.comp(...).add is not a function
   
2.     at Model.modelLoad (:8080/x5/UI2/v_aef83a26c5c94feaa52934677329d88cl_zh_CNs_d_m/lrs_app/test/test2.js:10)
   
3.     at r.extend.fire (core.min.js:65)
   
4.     at r.extend.fireEvent (core.min.js:65)
   
5.     at n.callParent (core.min.js:65)
   
6.     at Component.extend.fireEvent (common.min.js:7)
   
7.     at n.ViewComponent.extend._fireEvent (common.min.js:7)
   
8.     at r.extend.fire (core.min.js:65)
   
9.     at r.extend.fireEvent (core.min.js:65)
   
10.     at n.extend.attached (core.min.js:65)
    
11.     at Object.m.triggerAttach (core.min.js:65)

复制代码

请问this.comp('').add这个方法有问题吗？

zpzlbww

liangyongfei 发表于 2016-2-23 14:12
案例中本来是这样写的
var newContent = this.comp('contents1').add({});
是contents组件，而不是conten ...

谢谢你的回答。可以结贴了。是应该用contents控件。我把代码拷到这里，以供大家参考

1. //div的click事件调用的divClick方法
   
2.     Model.prototype.divClick = function(){
   
3.         alert('单击事件');
   
4.     };
   
5. 
   
6. 
   
7.         Model.prototype.modelLoad = function(event){
   
8.                 var newContent = this.comp('contents1').add({});
   
9.             var div = $("<div data-bind='click:divClick'>新的页面</div>");       
   
10.             justep.Bind.addNodes(newContent.domNode, div);
    
11.             this.comp('contents1').to(0);
    
12.         };
    

复制代码

liangyongfei

'content1'表示的是一个contents组件的xid！
请问你的.w中是否存在contents组件，并且xid是content1，否则当前无法调用add方法

zpzlbww

我的页面是用标准模板创建的w文件，肯定包含conten1，如果没有content1，就不会到add才报错了，肯定会报找不到content1的错误了。

liangyongfei

zpzlbww 发表于 2016-2-23 14:02
我的页面是用标准模板创建的w文件，肯定包含conten1，如果没有content1，就不会到add才报错了，肯定会报找 ...

案例中本来是这样写的
var newContent = this.comp('contents1').add({});
是contents组件，而不是content
你在右侧的组件列表中搜下 ，有contents组件  而并不存在单独的content