基于动态组件的动态布局实现方法困惑

nick99

图片引自http://doc.wex5.com/comp-base/


需求：某流程表单内data定义的列数量不固定（由自定义action获取cdata感知），如何使用js构建动态的用户输入页面。例如，data有10列，则构建10个lable和10个input（select）组件放入带xid的form或col或div(?)中。20列则构建20对放入特定布局中。

已知：我们可以通过js方法动态将input select等绑定数据后插入特定父节点，查看上面链接以及文档中心相关资料后可知目前需要有 xid才能拿到parentnode。布局目前仅已知panel能动态搞。但冗余框架较多。
问题：那么如何通过js【动态生成】具有xid的布局，并支持用js将组件扔进该布局xid呢？

尝试：通过手动创建带xid值的div、或者bootstrap的row、col等组件，发现无法将parentNode拿到并扔到组件创建的option里。（var parentNode = this.getElementByXid("bar");）
请问有基于动态布局的动态组件创建例子吗？

jishuang

动态创建div或者row就是html或者bootstrap标准的，可以都网上查找
http://doc.wex5.com/comp-base/#2.2 中也有动态创建html节点的案例

nick99

结贴，未解决xid问题。不打算继续研究了。