編集時に次のUI要件を持つツリーグリッドがあります。
- 特定の行のコスト列は編集可能です。
- 編集可能な行は、イベントに基づいてではなく、デフォルトで常に編集できるようにする必要があります。
- 各行には最小最大範囲があります。検証が必要な値をユーザーが入力したとき。
dgrid 用に定義した列構造を次に示します。
var columns = [
tree({label: "Name", field:"name" }),
{ label : "Description", field:"description" },
editor({label: "Cost", field: "cost", canEdit : function(rowItem){ return rowItem.isEditable;}}, dijit.form.NumberTextBox),
{label:"Min - Max Range", field:"minRange", get:getMinMax, id:'minMax'}
];
ツリーと編集は正常に機能していますが、解決すべき問題はほとんどありません。
- editor に editOn が指定されていない場合、列はデフォルトで編集可能になります。ただし、canEdit は、editOn パラメータで spl イベントを提供した場合にのみ呼び出されます。デフォルトのロード中でも canEdit を呼び出す方法はありますか。
- 行ごとに NumberTextBox の範囲制約を動的に設定する必要があります。行の値に基づいて制約を設定する簡単な方法はありますか?
ご助力ありがとうございます