サイトアイコン INFRAGISTICS ナレッジ ベース

igGrid 新規行の読み取り専用のカラムに初期値を動的に設定したい

uguran

igGrid の新規行の読み取り専用のカラムに初期値を動的に設定したい場合は、以下の設定をしてください。

$("#grid1").igGrid({
    // ... (省略) ...
    columns: [
        { headerText: "ID", key: "ID", dataType: "number", width: "150px" },
        { headerText: "Name", key: "Name", dataType: "string", width: "250px" },
        { headerText: "", key: "CreatedOn", dataType: "date", format: "yyyy/MM/dd HH:mm:ss", width: "250px" },
    ],
    features: [
        {
            name: "Updating",
            editMode: "row",
            // ... (省略) ...
            columnSettings: [
                {
                    columnKey: "CreatedOn",

                    // 列で使用しているエディターに対して
                    editorOptions: {
                        // readOnly を true に設定する。
                        readOnly: true,
                        // disabled を true に設定する（※任意）。
                        disabled: true,
                    },
                },
            ],

            // editRowStarted イベントのイベントハンドラーを追加する。
            editRowStarted: function(evt, ui){
                // 新規追加行の場合
                if(ui.rowAdding){
                    // 「CreatedOn」列で使用されているエディターを取得する。
                    var editorForCreatedOn = ui.owner.editorForKey("CreatedOn");
                    // エディターに初期値を設定する。
                    $(editorForCreatedOn).igDateEditor("value", new Date());
                }
            }
        }
    ]
});
実行結果

　

サンプル
KB2744_DefaultValueToReadOnlyColumnダウンロード

　

API リファレンス

　

モバイルバージョンを終了