如何在Kendo UI Angular的Grid组件中获取所选元素

Question

我试图在用户单击任意行时获取选定的元素。 为此，我正在使用selectionChange事件，但是它仅返回元素的索引和选定状态。 由于我也同时启用了分页和排序功能，因此无法使用该索引来获取当前元素，或者至少我不知道该怎么做。

我用于馈入网格的数据变量是这样的：

this.gridData = process(this.elements, this.state);

其中elements是我的原始数据数组，而state是具有设置（跳过，获取，排序）的State对象。

有任何想法吗？

Answer 1

因此，当在分页中使用网格时，必须考虑GridDataResult元素。

因此，如果将跳过设置为10，并且位于第4页上，则在单击网格中的第一个元素时，事件的索引将为40。在我的代码中，我的使用方式是：网格使用状态，状态具有跳过和采用的属性。 在浏览页面时，跳过更改以反映显示的元素。 因此，在第4页上，跳过将是40（如果我一次显示10个结果。）因此，当我想要此元素的ID时，我可以使用：

let fac =  this.gridView.data[value.index - this.state.skip].id;

gridView是我的GridDataResult。 价值是我传递的事件，状态是我的状态。 我的元素具有我需要的ID属性，所以这就是我的目标。

希望这可以帮助。

哦，我要补充一句，您在事件中收到的索引是指GridDataResult而不是您的数据源。 因此，如果启用了过滤器，则GridDataResult中将包含较少的条目。 但是，我的方法并不关心GridDataResult的组成。