动态插入html片段

邹胖胖

我的html片段是一个row里动态生成几个col，col里放img，img绑定了click事件；
document.getElementById(this.getIDByXID("div1")).innerHTML = html;我用这种方式可以正常插入，但是无法触发click事件；然后又看了文档中心，用如下方式：
var parent= this.comp('div1').add({});
justep.Bind.addNodes(parent.domNode, html);
测试了几遍，页面报了两个错：
1.Cannot read property 'add' of undefined
2.Cannot read property 'domNode' of undefined
难道是我的版本不对吗？我用的是3.6版本


  

邹胖胖

不知道可不可以用this.comp('div1')来获取div，但是用this.comp('content')也会报这两个错

邹胖胖

有人吗？

半导体

邹胖胖 发表于 2017-4-25 21:05
不知道可不可以用this.comp('div1')来获取div，但是用this.comp('content')也会报这两个错 ...

你这是参考的哪里吗？

正常的话 this.comp('div1')获取到的是dom对象  然后.add()方法是jquery方法  应该是会报错的

$(this.getElementByXid('div1'))  这个是jQuery对象

邹胖胖

我是看的wex5的文档中心啊，用其他的方式也不行，会报错说addNodes的第一个参数必须是view model，文档中心里就是这么操作的

liangyongfei

http://doc.wex5.com/comp-base/#2.2

案例中的add方法是contents组件！你是div当然不能用add方法！！

row组件应该是不支持动态new的！
只有实现了buildTemplet 方法的组件才能动态创建！！


justep.Bind.addNodes( );  两个参数！一个是父的dom节点！一个是组件对象
搞清楚参数的含义

邹胖胖

liangyongfei 发表于 2017-4-26 14:53
http://doc.wex5.com/comp-base/#2.2

案例中的add方法是contents组件！你是div当然不能用add方法！！

我用contents也是一样报错。。我上面说了

邹胖胖

liangyongfei 发表于 2017-4-26 14:53
http://doc.wex5.com/comp-base/#2.2

案例中的add方法是contents组件！你是div当然不能用add方法！！

var parent = this.comp("content2").add({});
justep.Bind.addNode(parent.domNode, html);

Uncaught TypeError: Cannot read property 'add' of undefined

liangyongfei

邹胖胖 发表于 2017-4-26 15:27
var parent = this.comp("content2").add({});
justep.Bind.addNode(parent.domNode, html);

xid确定是 叫做  content2  吗？？
如果xid 写错了，肯定获取不到contents组件 对象的

邹胖胖

liangyongfei 发表于 2017-4-26 15:34
xid确定是 叫做  content2  吗？？
如果xid 写错了，肯定获取不到contents组件 对象的 ...

是啊。我复制过来的，肯定没错