如何重新排列剑道网格行

您可以创建一个模板列，并使用数据源insert和remove方法来重新排列数据项。网格将自动刷新。

$("#grid").kendoGrid({
  dataSource: [
    { foo: "foo" },
    { foo: "bar" },
    { foo: "baz" }
  ],
  columns: [
    { field: "foo" },
    { template: '<button onclick="return up(''#=uid#'')">up</button><button onclick="return down(''#=uid#'')">down</button>' }
  ]  
});

function up(uid) {
  var grid = $("#grid").data("kendoGrid");
  var dataItem = grid.dataSource.getByUid(uid);
  var index = grid.dataSource.indexOf(dataItem);
  var newIndex = Math.max(0, index - 1);
  if (newIndex != index) {
    grid.dataSource.remove(dataItem);
    grid.dataSource.insert(newIndex, dataItem);
  }
  return false;
}
function down(uid) {
  var grid = $("#grid").data("kendoGrid");
  var dataItem = grid.dataSource.getByUid(uid);
  var index = grid.dataSource.indexOf(dataItem);
  var newIndex = Math.min(grid.dataSource.total() - 1, index + 1);
  if (newIndex != index) {
    grid.dataSource.remove(dataItem);
    grid.dataSource.insert(newIndex, dataItem);
  }
  return false;
}

这是一个现场演示：http://jsbin.com/ExOgiPib/1/edit

从前我是一个剑道UI用户。我在分拣方面也遇到了问题，这就是我当时（在经历了很多痛苦之后）解决问题的方法：

        //Sort Hack
        /*
        Changes all dataSources to case insensitive sorting (client side sorting).
        This snipped enable case insensitive sorting on Kendo UI grid, too.
        The original case sensitive comparer is a private and can't be accessed without modifying the original source code.
        tested with Kendo UI version 2012.2.710 (Q2 2012 / July 2012).
        */
        var CaseInsensitiveComparer = {
            getterCache: {},
            getter: function (expression) {
                return this.getterCache[expression] = this.getterCache[expression] || new Function("d", "return " + kendo.expr(expression));
            },
            selector: function (field) {
                return jQuery.isFunction(field) ? field : this.getter(field);
            },
            asc: function (field) {
                var selector = this.selector(field);
                return function (a, b) {
                    if ((selector(a).toLowerCase) && (selector(b).toLowerCase)) {
                        a = selector(a).toLowerCase(); // the magical part
                        b = selector(b).toLowerCase();
                    }
                    return a > b ? 1 : (a < b ? -1 : 0);
                };
            },
            desc: function (field) {
                var selector = this.selector(field);
                return function (a, b) {
                    if ((selector(a).toLowerCase) && (selector(b).toLowerCase)) {
                        a = selector(a).toLowerCase(); // the magical part
                        b = selector(b).toLowerCase();
                    }
                    return a < b ? 1 : (a > b ? -1 : 0);
                };
            },
            create: function (descriptor) {
                return this[descriptor.dir.toLowerCase()](descriptor.field);
            },

            combine: function (comparers) {
                return function (a, b) {
                    var result = comparers[0](a, b),
            idx,
            length;
                    for (idx = 1, length = comparers.length; idx < length; idx++) {
                        result = result || comparers[idx](a, b);
                    }
                    return result;
                };
            }
        };
        kendo.data.Query.prototype.normalizeSort = function (field, dir) {
            if (field) {
                var descriptor = typeof field === "string" ? { field: field, dir: dir} : field,
        descriptors = jQuery.isArray(descriptor) ? descriptor : (descriptor !== undefined ? [descriptor] : []);
                return jQuery.grep(descriptors, function (d) { return !!d.dir; });
            }
        };
        kendo.data.Query.prototype.sort = function (field, dir, comparer) {
            var idx,
    length,
    descriptors = this.normalizeSort(field, dir),
    comparers = [];
            comparer = comparer || CaseInsensitiveComparer;
            if (descriptors.length) {
                for (idx = 0, length = descriptors.length; idx < length; idx++) {
                    comparers.push(comparer.create(descriptors[idx]));
                }
                return this.orderBy({ compare: comparer.combine(comparers) });
            }
            return this;
        };
        kendo.data.Query.prototype.orderBy = function (selector) {
            var result = this.data.slice(0),
    comparer = jQuery.isFunction(selector) || !selector ? CaseInsensitiveComparer.asc(selector) : selector.compare;
            return new kendo.data.Query(result.sort(comparer));
        };
        kendo.data.Query.prototype.orderByDescending = function (selector) {
            return new kendo.data.Query(this.data.slice(0).sort(CaseInsensitiveComparer.desc(selector)));
        };
        //Sort Hack

您可以实现自己的解决方案，也可以添加自己的功能，订单更改将根据您的意愿进行。