Animation 剑道网格-行展开动画

我用的是剑道格网。 我想添加一个向下滑动的动画-当我单击网格中的一行时，它会随着动画展开 （使用grid.ExpandRow函数-kendo-inner进行扩展）

我想我需要k-detail-row元素上的动画。 但是我仍然找不到合适的地方/方法来做那件事

---

任何人都已经这样做了，可以帮助我。

不幸的是，表格行不支持动画。这里有一个相关的问题：

我也有同样的问题，虽然这是一篇老文章，但我想可能有人需要它

不幸的是，剑道目前还不支持这个功能，但是有一个解决方案

Kendo使用jquery toggle（）显示和隐藏细节行，因此通过对jquery执行条件覆盖，可以插入动画

jQuery(function($) {
    var _oldShow = $.fn.show;
    var _oldHide = $.fn.hide;

    $.fn.show = function(speed, oldCallback) {
        return $(this).each(function(index, item) {
        var obj = $(item);
        _oldShow.apply(obj, [speed, oldCallback]);

        if (obj.hasClass("k-detail-row")) {
            obj.find(".k-grid.k-widget").each(function () {
                var grid = $(this);
                grid.slideDown(300);

            });
        }
    });
}

$.fn.hide = function (speed, oldCallback) {
    return $(this).each(function () {
        var obj = $(this);

        if (obj.hasClass("k-detail-row")) {
            obj.find(".k-grid.k-widget").each(function () {
                $(this).slideUp(300, function () { _oldHide.apply(obj, [speed, oldCallback]); });
            });
        } else {
            _oldHide.apply(obj, [speed, oldCallback]);
        }
    });
    }
});

---

我今天遇到了这个问题，并使用网格的detailExpand函数解决了它。然后，可以使用剑道Fx向下滑动效果使细节行向下滑动。例如：

detailExpand: function (e) {
    var detailRow = e.detailRow;
    setTimeout(function () {
        kendo.fx(detailRow).slideIn("down").duration(375).play();
    }, 0);
}

有关更多信息，请检查：