Infragistics｜Ultimate UI Jquery｜希望能以讀取專用的column去對igGrid新的「行」動態設定初始值

尚無瀏覽量

2023-04-14 更新

如果您想以讀取專用的column去對igGrid新的「行」動態設定初始值，請按照下列步驟設定：

對於相關的「列」中使用的編輯器。
將「readOnly」設置為true。
設置disabled為true（※可選）。
在igGridUpdating的editRowStarted事件中為相關列的編輯器設定初始值。

$("#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());
                }
            }
        }
    ]
});

執行結果