起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1409|回复: 2

[结贴] 动态生成的data组件无法实现数据绑定

[复制链接]

165

主题

626

帖子

1160

积分

金牌会员

Rank: 6Rank: 6

积分
1160
QQ
发表于 2018-4-10 12:06:37 | 显示全部楼层 |阅读模式
本帖最后由 邹胖胖 于 2018-4-10 13:40 编辑

我按照平台提供的案例动态创建了一个data组件(data组件是在model的参数接收的事件中根据父页面传过来的值来生成),页面上的其他组件:row,span、input都是动态生成的,生成方法是去其他含有这些组件的页面中拷贝相应的html片段,最后innerHTML到我的div中,我的span和innerHTML中绑定了我动态创建的data的label和ref,但是页面上没有显示label,data组件中的label是有值的,我alert弹出来确认过,请问要如何做?

165

主题

626

帖子

1160

积分

金牌会员

Rank: 6Rank: 6

积分
1160
QQ
 楼主| 发表于 2018-4-13 13:46:13 | 显示全部楼层
发了这么久也没人理我,我自己来回答吧,
在动态生成页面元素之前先生成data;直接使用innerHTML的方式是无法绑定data的,方式如下:
1.先通过从已有row组件的页面拷贝相关的html源码,
如:var htmlVal = '<div component="$UI/system/components/justep/row/row" ....>'(省略几十字);
2.然后使用justep.Bind.addNodes(this.getElementByXid('xxx'), $(htmlVal));,将html加到你的div中;
3.再动态创建input、button之类的组件到之前通过html动态生成的row的col里面里面;具体方法参见动态创建组件;
这样就能将动态生成的data绑定到动态创建的组件上去了,切记不能用innerHTML
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-13 09:54 , Processed in 0.049657 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表