劍道網格單元出現在每個單元格中的動畫和每一行像紙牌卡

我嘗試在出現的單元格和行，但不能在劍道網格上添加動畫。劍道網格單元出現在每個單元格中的動畫和每一行像紙牌卡

我想添加每行的單元格動畫顯示在最後一個之後。

搜索和谷歌搜索有很多detailRow，我不想要的結果。 dataBound的更多文章在單元和數據顯示之後進行說明。

我想添加對所有單元格的影響一個接一個出現。

這是angularjs RTL標準項目

<div id="grid" class="k-rtl" kendo-grid="grid" k-options="mainGridOptions" k-rebind="mainGridOptions">

這樣Console.log在此頁面中，其來源here

，但我們希望出現劍道網格狀：

MATRIX:[0,0] then [0,1] then .... then [0,N] 

    [1,0] then [1,1] then .... then [1,N] 

    ... 

    [M,0] then [M,1] then .... then [M,N]

來源

2017-05-30 saber tabatabaee yazdi

我可以提供基於jQuery的解決方案，基本上這種方法應該與您的角度應用程序相同：

開始與隱藏網格
顯示上數據綁定事件網格報頭
顯示上數據綁定事件的每行的每個單元以及內的setTimeout函數以提供動畫效果。

請看下面的代碼片段作爲例子。
[注：使用visibility：hidden的CSS屬性，因爲顯示：父無不讓你孩子的顯示]

<div id="grid" style="visibility: hidden"></div> 

<script> 
$("#grid").kendoGrid({ 
    selectable: "multiple cell", 
    allowCopy: true, 
    columns: [ 
     { field: "productName" }, 
     { field: "category" } 
    ], 
    dataBound: gridDataBound, 
    dataSource: [ 
     { productName: "Tea", category: "Beverages" }, 
     { productName: "Coffee", category: "Beverages" }, 
     { productName: "Ham", category: "Food" }, 
     { productName: "Bread", category: "Food" } 
    ] 
}); 

function gridDataBound(e){ 
    $(".k-grid-header").css("visibility", "visible"); 

    var rows = $("#grid").data("kendoGrid").items(); 
    var columnNumber = $("#grid").data("kendoGrid").columns.length; 
    var animationSpeed = 500; 

    $.each(rows, function(index, row){  
    setTimeout(function(){   
     $.each($(row).find("td"), 

      function(i, cell){     
         var interval = animationSpeed/columnNumber * i; 
         setTimeout(function(){ 
         $(cell).css("visibility", "visible"); 
         }, interval); 
      }); 

    }, animationSpeed * index) 
    }); 
} 
</script>

來源

2017-05-31 12:24:01

這就是偉大的。當出現細胞時，這可能會飛越邊界嗎？從單元[0,0]到目標位置然後出現？兩個動畫在一起？ –

這是codepen是否正確？ https://codepen.io/sabertaba/pen/QveeRr或這個jsfiddle頁面：https：//jsfiddle.net/saber13812002/902yz5fg/1/ –

可能有些參考文件丟失，因爲我得到* kendo沒有定義*。你爲什麼不在劍道道場上測試它？ –

劍道網格單元出現在每個單元格中的動畫和每一行像紙牌卡

回答

相關問題