Kendo UI ListBox重新排序后无法选中项，求解决方案

你遇到的核心问题是：手动操作数据源完成排序后，ListBox的选中状态没有同步更新——因为直接调用dataSource.remove()和insert()绕过了组件内部的状态管理逻辑，导致原来的选中关联失效了。

这里给你调整后的代码，核心是在排序完成后手动重新设置选中项：

reorder: function(e) {
    e.preventDefault();
    // 直接用e.sender获取ListBox实例，不用重复查询DOM
    var listBox = e.sender;
    var dataSource = listBox.dataSource;
    var dataItem = e.dataItems[0];
    var index = dataSource.indexOf(dataItem) + e.offset;

    // 处理边界情况，避免索引越界
    index = Math.max(0, Math.min(index, dataSource.total() - 1));

    dataSource.remove(dataItem);
    dataSource.insert(index, dataItem);

    // 重新选中目标项：通过索引找到对应的DOM元素，再调用select方法
    listBox.select(listBox.items().eq(index));
}

为什么这样能解决问题？ #

当你手动修改数据源后，ListBox会重新渲染列表项，但原来的选中标记（比如k-selected类）不会自动转移到新位置的项上。通过listBox.items().eq(index)可以精准定位到排序后目标项的DOM元素，再调用select()方法就能让组件同步更新选中状态，包括UI高亮和内部选中记录。

另外，你也可以尝试直接通过dataItem选中：listBox.select(dataItem)，不过在数据源刚完成更新的场景下，用索引定位DOM元素的方式更可靠，能确保选中的是重新渲染后的正确项。

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