动态创建的组件如何控制插入的位置呢？

justep_wex5new

当动态创建的组件需要放置在其他普通组件之前时，应该如何控制位置？
比如var buttonDel = new Button({
                                            label : '删除',
                                            parentNode : cgTitle,
                                            xid:"buttonDel"+this.i,
                                            "class":"btn btn-link"
                                    });
另外动态创建的controlGroup中的controlGroupTitle1下添加一个动态创建的按钮，为何按钮的点击事件不能生效，直接将按钮放置在controlGroup下，按钮点击事件是生效的！

liangyongfei

按钮添加上了吗？
就是这种方法
http://doc.wex5.com/comp-base/#2.2

1. buttonDel.on('onClick', function(event) {
   
2.        alert('单击事件');
   
3.    }, this);

复制代码

按钮存在就可以注册点击事件！
静态页面上放置ｂｕｔｔｏｎ　在ｔｉｔｌｅ上可以点击吗？

justep_wex5new

liangyongfei 发表于 2017-8-4 17:23
按钮添加上了吗？
就是这种方法
http://doc.wex5.com/comp-base/#2.2

点击不了，按钮时按照参考上来添加的，源码如下
    var cgTitle=$(this.getElementByXid("controlGroup"+this.i)).children().eq(0);
//                    cgTitle.css("font-size", "20px");
              var buttonDel = new Button({
                label : '删除',
                parentNode : cgTitle,
                xid:"buttonDel"+this.i,
                "class":"btn btn-link"
               });   
                 
                  var d=this.getElementByXid("controlGroup"+this.i);
               buttonDel.on("onClick", function(event) {
           justep.Util.confirm("你确定要删除"+cg.get("title")+"吗？", function() {
        d.remove();
      }, function() {
      
      });
         }, this);
              

liangyongfei

justep_wex5new 发表于 2017-8-7 14:31
点击不了，按钮时按照参考上来添加的，源码如下
    var cgTitle=$(this.getElementByXid("controlGroup"+ ...

本地这样写没问题
你获取的cgTitle 应该是jquery 对象 而不是 标准的dom对象！！

1.         Model.prototype.button2Click = function(event){
   
2.                 debugger;
   
3.                  var cgTitle=$(this.getElementByXid("controlGroupStyle")).children().eq(0)[0];
   
4. //                    cgTitle.css("font-size", "20px");
   
5.               var buttonDel = new Button({
   
6.                 label : '删除',
   
7.                 parentNode : cgTitle,
   
8.                 xid:"buttonDel",
   
9.                 "class":"btn btn-link"
   
10.                });   
    
11.                  
    
12.                   var d=this.getElementByXid('controlGroupStyle');
    
13.                buttonDel.on("onClick", function(event) {
    
14.            justep.Util.confirm("你确定要删除吗？", function() {
    
15.         d.remove();
    
16.       }, function() {
    
17.       
    
18.       });
    
19.          }, this);
    
20.         };       

复制代码

justep_wex5new

已解决，结帖