如何让两个Kendo Grid共用数据源且独立配置排序与筛选？

因为Kendo DataSource是共享实例，所有绑定的组件会共用它的过滤、排序状态，所以修改一个Grid的条件会同步影响另一个。以下是针对你的需求的可行解决方法：

方法一：复制数据源实例（按需避免重复请求） #

可以基于原数据源的配置和已有数据创建新实例，既实现独立状态，又能灵活控制是否重复请求服务器。

实现步骤： #

1. 提取原数据源的配置和已加载数据
2. 复制配置并重置筛选、排序等状态，创建新的数据源实例
3. 若原数据源已有数据，直接赋值给新实例，跳过重复请求

示例代码：

// 获取原数据源实例
var originalDS = viewModel.get("listDataSource");
// 复制原配置并清空筛选排序状态
var newDSConfig = {...originalDS.options, filter: null, sort: null};
// 创建新的数据源实例
var grid2DS = new kendo.ui.HRSelectorDataSource(newDSConfig);

// 若原数据源已加载数据，直接复用（深拷贝避免引用共享）
if (originalDS.data().length > 0) {
    grid2DS.data(originalDS.data().slice());
}

// 初始化第二个Grid
var grid2 = $("#grid2").kendoHRBaseGrid({
    dataSource: grid2DS
    // 其他Grid配置
}).data("kendoHRBaseGrid");

如果是服务器端分页/筛选场景，让新数据源复用原请求参数但独立维护自身筛选排序即可——这种情况下的重复请求是合理的，因为两个Grid需要不同的服务器返回结果。

方法二：Grid层面实现客户端独立筛选 #

如果希望共用原始数据源，仅在Grid层面做独立筛选排序，可以绕过数据源的filter()方法，手动处理数据并更新Grid视图。

实现思路： #

1. 给Grid2添加自定义筛选控件（输入框、下拉框等）
2. 筛选条件变化时，基于数据源的原始数据手动过滤
3. 将过滤后的数据更新到Grid2，不修改共享数据源的状态

示例代码：

// 初始化Grid2
var grid2 = $("#grid2").kendoHRBaseGrid({
    dataSource: viewModel.get("listDataSource")
    // 其他Grid配置
}).data("kendoHRBaseGrid");

// 保存原始数据副本，避免多次过滤后数据丢失
var originalDataCopy = viewModel.get("listDataSource").data().slice();

// 绑定筛选输入框事件
$("#grid2-filter-input").on("input", function() {
    var filterText = $(this).val().toLowerCase();
    // 手动过滤数据
    var filteredData = originalDataCopy.filter(function(item) {
        return item.name.toLowerCase().includes(filterText); // 示例：按name字段筛选
    });
    // 更新Grid2的显示数据
    grid2.dataSource.data(filteredData);
});

总结 #

• 若需要服务器返回不同的筛选结果：优先复制数据源实例，各自维护独立请求参数，重复请求属于合理业务需求；
• 若仅做客户端本地处理：选择Grid层面手动筛选，复用原始数据副本即可；
• 核心原则：避免直接修改共享数据源的筛选、排序状态，否则会同步到所有绑定组件。

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