3

<kendo-grid>34 行 (約 4 ページ) のデータ セットに 10 行が表示される作業コンポーネントがあります。並べ替えと選択は期待どおりに機能しています。

<kendo-grid [data]="gridView" 
                    [pageSize]="pageSize" 
                    [skip]="skip" 
                    [pageable]="true" 
                    [height]="300" 
                    (pageChange)="pageChange($event)"
                    [sortable]="{ mode: 'single' }" 
                    [sort]="sort" 
                    [selectable]="true" 
                    (sortChange)="sortChange($event)" 
                    (selectionChange)="selectionChange($event)">

2 行目を選択するとします。次に、テーブルを並べ替えると、選択範囲は 2 行目にとどまりますが、もちろん別のレコードが強調表示されています。それは常にグリッドの 2 番目の行を選択しています。もちろん、それは私が望むものです。

(sortChange)イベントで選択した行をクリアして、少なくともユーザーが既に選択した別の選択が表示されないようにするにはどうすればよいですか。私は、選択した行のある種のデータ バインディング属性を受け入れることができgridViewます@ViewChild。

どんな助けでも大歓迎です。

通常の並べ替え

通常の並べ替え

昇順ソート

昇順ソート

降順ソート

降順ソート

4

2 に答える 2

2

ここで同様の質問がありました: Select grid row item from code

基本的に、ユーザーの操作なしでコードからグリッド行項目を選択する必要もありますが、これは現在、Kendo UI Angular2 コントロールの現在のベータ ビルドではサポートされていません。

于 2016-10-19T13:27:27.207 に答える
0

私のアプリケーションでは、選択したい行でクリック イベントをトリガーすることに頼っています。:/

これは、グリッドを再配置するための「上」ボタンと「下」ボタンがあり、アイテムを切り替えるときに選択を維持したい場合に行います。

var grid = document.getElementById('myGrid');
var rows = grid.getElementsByTagName('tr');
rows[idx].click(); // add one to the desired row index to skip the header row

このシナリオの（ずさんで最小限の）Plunkr は次のとおりです。

于 2017-01-11T21:01:11.990 に答える