如何在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的組成。