0

kendo UI Web Grid を使用してデータを表示しています。私は大量のデータを扱っているので、グリッドの仮想スクロール機能を使用することにしました。

ここで、チェックボックスが入力されるデータバインドされていない列を追加して、グリッド内のレコードをさらに処理するためにチェック/チェック解除できるようにする必要があります。

テンプレートを使用するだけで、チェックボックス列を追加できます。

columns: [
            {
                field: "",
                width:'3%',
                title: " ",
                hidden: false,
                template: "<input type=\"checkbox\" />"
            },

私が直面している問題は、仮想スクロールが有効になっているときに、チェックボックスの1つをチェックしてからグリッドをスクロールすると、チェックされたレコードに戻るとチェックされなくなることです。

仮想スクロールを使用して、チェックボックスをオンにしたままにするにはどうすればよいですか?

ありがとう

4

1 に答える 1

2

pageSize と同じ数のレコードを渡すと、行は常に再作成されます。ただし、そのチェックボックスを基になるモデルに実際にバインドすると、変更が保持され、同じページに戻ると項目がチェックされていることがわかります。

チェックボックスにモデルへの変更を反映させる 1 つの方法は、次のようになります。

grid.tbody.on('click',':checkbox',function(e){
  var row = $(this).closest('tr');
  grid.dataItem(row).set('isAdmin',$(this).is(':checked'));

})

isAdmin は、チェックボックスがバインドされているフィールドの名前です。

これがライブの例です。

于 2013-05-07T20:02:32.760 に答える