关于动态创建组件的4个简单问题

pzmx

官方给出的源码如下
第一种方法，在参数中给出父节点parentNode，在new时会在父节点下直接创建出新的组件

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var parentNode = this.getElementByXid("bar"); if (parentNode) {     var xid = "--" + (++this.i) + "--";     var flag = {         xid : xid,         label : xid,         parentNode : parentNode,         'class' : "btn btn btn-default"     };     var button = new Button(flag);     button.on("onClick", function(event) {         alert(event.source.get('label'));     }); }

1、源码中的this.i是什么？为什么运行结果this.i="NaN"?this.i前面的“++”是什么意思，为什么不加“++”，this.i的结果就变成undefined？
2、组件的xid可以相同吗？那么根据组件Xid能取到真正的组件ID吗？如果Xid不能相同，为什么动态创建的组件具有相同Xid？
3、我是把动态创建的组件放到absoluteLayout中，为什么动态创建的组件还是采用流式布局，而不是所有组件都摆在同一个位置？
4、能不能给出style的例子，比如指定动态创建一个button的left、top、width、height、边框样式、背景色、字体、颜色、文字位置、文字的折行等。最好能贴个源码，本人小白。

liangyongfei

是参考的http://doc.wex5.com/comp-base/#2.2  吗？？
1.this.i  应该是你自己定义的一个变量中，文档中可能没写全！表示xid 不重复！
2.设计时，原则上Xid是不能相同的！因为使用xid获取组件对象或者dom对象就找不到唯一的了！但是运行不会报错的！
3.一般没有这种需求吧！所有组件放在一起！如果你想指定放在哪儿？ 就设置 parentNode  的属性！

pzmx

版主说的很对，就是参考那个url的源码

1、关于this.i我个人的理解和版主一样，只是不明白为什么一个没有定义的“i”，运行结果是“NaN”。而且不加“++”符号还会报错。（文档中可能没有写全，但是我在测试的时候得到的是这个结果）。
2、版主已经解释清楚了。
3、关于动态创建组件布局的问题，我没有版主想得那种需求，只是想知道absoluteLayout组件是绝对布局，为什么new出来的组件却变成流式布局。我是希望new出来的组件按照固 定位置摆放，比如第一个new的button.top=100,第二个new的button.top=200。而实际上却给我一个流式布局。

也不明白parentNode属性，怎么设定动态创建的组件的位置和style。希望有明白的大神给个简单的源码。

liangyongfei

pzmx 发表于 2016-3-25 17:36
版主说的很对，就是参考那个url的源码

1、关于this.i我个人的理解和版主一样，只是不明白为什么一个没有定 ...

x5的组件对象都有提供  addClass 和setCss方法！可以自己设置！
http://bbs.wex5.com/forum.php?mo ... 8&pid=165211116

如果是普通的html 可以自己在标签中设置style属性！

parentNode就是父节点对象！这个组件会添加在parentNode中显示！！！

阿拉伯梳子

pzmx 发表于 2016-3-25 17:36
版主说的很对，就是参考那个url的源码

1、关于this.i我个人的理解和版主一样，只是不明白为什么一个没有定 ...

我也碰到问题3，不知道楼主解决了没有？我是静态页面放绝对布局组件absoluteLayout ，结果还是流式的。