当Kendo树列表扩展时，绑定的进度条就会丢失

Question

我在树视图内绑定了一个进度栏。

<script id="progressField" type="text/x-kendo-template">
  #if(CurrentStatus == "Progress")
  {#
     <div class='progressDetails'></div>
  #}
  else if(CurrentStatus == "Error")
  {#
      // Other task
  #}
</script>

并将其与给定的树列表视图添加到

columns: [ 
    { field: "CurrentStatus", title: "Status", template: $("#progressField").html(), width: "170px" }
],

并在Databound上更新了

    function dataBound(e) {
     var tree = this;
     $(".progressDetails").each(function () {
     var row = $(this).closest("tr");
     var model = tree.dataItem(row);
     $(this).kendoProgressBar({
      change: function (e) {
       if (model.CurrentStatus == "Progress") {
           colorCode = "#235400";
       } 
       this.progressWrapper.css({
            "background-color": colorCode,
            "border-color": colorCode
       });
     }
  });
  $(this).data("kendoProgressBar").value(model.Percentage);
  });
};

在负载，排序和过滤树列表上，进度条显示了。但是，当我单击"展开箭头"时，进度栏未显示。

Answer 1

最后我们得到了解决方案，问题是崩溃，扩展方法很快就会触发。

添加了一个超时并开始工作。

expand: function(e){
 var scope = e
 setTimeout(function(){
   $scope.expandOrCollapse(scope);
 }, 0)
}        

这是工作dogo。

http://dojo.telerik.com/olife/18