Kendo Grid：启用rowReorderable时能否自定义行拖动提示？

可以自定义行拖动操作的提示内容，以下是两种常用实现方式：

• 通过rowReorderable.hint配置函数自定义
  启用rowReorderable功能时，可传入包含hint函数的配置对象。该函数接收当前拖动的行元素作为参数，返回自定义的提示DOM元素或HTML字符串。示例代码：

  $("#grid").kendoGrid({
    columns: [{ field: "name" }, { field: "age" }],
    dataSource: [{ name: "张三", age: 25 }, { name: "李四", age: 30 }],
    rowReorderable: {
      hint: function(element) {
        // 返回自定义提示元素，可自由控制内容与样式
        return $("<div class='custom-drag-hint'>拖动调整行顺序</div>");
      }
    }
  });
  

• 修改默认提示元素的内容
  Kendo Grid的默认拖动提示带有k-grid-row-reorder-hint CSS类，你可以在拖动触发的事件中修改其文本内容。需要注意借助setTimeout确保提示元素已生成：

  $("#grid").on("dragstart", ".k-grid-row", function() {
    setTimeout(() => {
      const hint = $(".k-grid-row-reorder-hint");
      if (hint.length) {
        hint.text("自定义拖动提示文本");
      }
    }, 0);
  });
  

内容的提问来源于stack exchange，提问作者Tony BenBrahim