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

258 瀏覽人次

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

執行結果