手動でデータソースを変更するときにグリッドにダーティーセルの三角形を表示する

Question

ポップアップ編集を模倣するカスタムポップアップ編集ウィンドウを持つ剣道グリッドがありますが、バッチ編集があります。すべてうまく動作しますが、小さな問題が発生しています。値が変更されるたびに、グリッドセルには、この特定の値がオリジナルと異なることを示す角の赤い三角形がありません。

私がこの記事で理解しているように、データソースの手動で行った変更はグリッドに表示されないので、手動で追加する必要があります。

この投稿 'manually maintain dirty cell marker on paging in Kendo grid'は、この機能を有効にする方法を示しています。私はkendoWindowの入力にいくつかのリスナーを付けることができ、編集中のフィールドを追跡して、古い値と新しい値を比較することができます...

しかし、この機能を達成するのに苦労することはありませんか？たぶんそこには剣道機能が組み込まれているのでしょうか？

はここhttp://dojo.telerik.com/aSaXe/4

Answer 1

赤い「ダーティ」マークがbuilt-in in-cell editingのみを使用した場合に自動的に表示される小さな作業例です。このような観点から、シナリオでは、カスタム編集ポップアップを閉じた後で手動で追加する必要があります。

データ項目のchangeイベントがタスクに役立つことがあります。ポップアップの値が変更され、それぞれのテキストボックスがぼやけて表示されるたびに発生します。あなたが以前に適用されたカスタムスタイルを失うことになるので、

var uid = $(e.target).parents('tr').attr('data-uid'); 
var grid = $('#grid').data("kendoGrid"); 
var dataItem = grid.dataSource.getByUid(uid); 

dataItem.bind("change", function(args) { 
    // args.field 
}); 

最後に、（内蔵のセル内編集が使用されていない場合）グリッドデータソースの各変化は、テーブル全体が再描画されるようにするに留意してください。