progress 进度控件如何动态创建呢

fage1111

我用 new Progress（option）；报错提示我Progress没有定义

liangyongfei

progress  没有实现buildTemplate 方法！所以，无法动态创建   只能使用静态的！

http://docs.wex5.com/wex5-ui-question-list-2057/
http://docs.wex5.com/wex5-ui-question-list-2020/

或者你可以使用list 动态生成多行的 progress  

fage1111

liangyongfei 发表于 2017-11-7 10:43
progress  没有实现buildTemplate 方法！所以，无法动态创建   只能使用静态的！

http://docs.wex5.com/we ...

好的，谢谢，如果我想给这个进度条添加一个点击事件如何添加啊

liangyongfei

fage1111 发表于 2017-11-7 11:49
好的，谢谢，如果我想给这个进度条添加一个点击事件如何添加啊

选中组件！ 切换到事件中  bind-click  就是点击事件！

fage1111

liangyongfei 发表于 2017-11-7 11:56
选中组件！ 切换到事件中  bind-click  就是点击事件！

我没有说清楚，我是在JavaScript中动态生成的progress组件，如何添加点击事件啊

liangyongfei

fage1111 发表于 2017-11-7 13:06
我没有说清楚，我是在JavaScript中动态生成的progress组件，如何添加点击事件啊 ...

progress 组件是不能动态创建的啊！，你是如何动态创建的！

组件或者div 动态创建添加点击事件，可以参考
http://docs.wex5.com/wex5-ui-question-list-2067/

1. data-bind='click:divClick'

复制代码

fage1111

liangyongfei 发表于 2017-11-7 13:21
progress 组件是不能动态创建的啊！，你是如何动态创建的！

组件或者div 动态创建添加点击事件，可以参 ...

                signData.each(function(obj){
                        if(obj.row.val('STATISDATE')== null){
                           
                    }else{          
                        if(i==0){  
                           daySum = [];  //有数据时，清空假数据
                           time = [];
                        }
   var chuqinlv = (obj.row.val('SHIDAO')/obj.row.val('YINGDAO')*100).toFixed(2);
    var  times = obj.row.val('STATISDATE').substr(5,5);
    daySum = chuqinlv;
    time = times;                
                        
    var parentdiv=$('<div></div>');        //创建一个父div
    parentdiv.attr('xid','parentdiv'+i);        //给父div设置id
    var  span=$('<span>'+obj.row.val('STATISDATE')+'</span>');
    span.attr('xid','spanss'+i);
    span.appendTo(parentdiv);      
    var progressXid="progressXid"+i;
    var progressBarXid="progressBarXid"+i;
    var obj1={};
    obj1.id="#"+progressXid;
    obj1.row=obj.row;
    arrId.push(obj1);
        var progress= '<div class="progress"    component="$UI/system/components/bootstrap/progress/progress" id="'+progressXid+'">'+
  '<div class="progress-bar progress-bar-success" role="progressbar" valuenow="'+obj.row.val('SHIDAO')+'" valuemin="0" valuemax="'+obj.row.val('YINGDAO')+'"  style="width: '+chuqinlv+'%;"   xid="'+progressBarXid+'">'+
   '<span xid="span2">'+chuqinlv+'%</span></div> </div>';
  parentdiv.append(progress);
  parentdiv.appendTo(_this.getElementByXid("content1"));
         i++;       
                        }                                                                                
            });

liangyongfei

fage1111 发表于 2017-11-7 14:46
signData.each(function(obj){
                        if(obj.row.val('STATISDATE')== null){
                           

你是通过dom节点创建  ，相当于是HTML dom操作实现的！
那也应该参考我们的实现案例，使用方法
justep.Bind.addNodes

而你的代码都是通过jquery 去操作dom的！！  那就不能用我们案例的方式了！  还是通过jquery 的方法绑定点击事件才行


不过如果创建x5的组件的话，就是带有 ：  类似
  component="$UI/system/components/bootstrap/progress/progress" 的标签

必须通过new 组件的方式才可以！

而你通过jquery 添加的方式！肯定是不可以动态绑定的, 只能一直进行dom操作实现了！

fage1111

liangyongfei 发表于 2017-11-7 15:08
你是通过dom节点创建  ，相当于是HTML dom操作实现的！
那也应该参考我们的实现案例，使用方法
justep.Bi ...

好的，谢谢啊