文章分類/Infragistics
在igGrid中,透過為editorType指定datePicker,您可以使用jQuery UI的datePicker作為日期列編輯器。編輯儲存格時會顯示此 datePicker,但有時您可能想要為 datePicker 設定選項。在這種情況下,您可以在 editorOptions > datepickerOptions 中為 datePicker 設定各種選項。
下面的範例是處理當 datePicker 上的選取日期變更時發生的 onSelect 事件的範例。
$("#grid").igGrid({ ... columns: [ ... { headerText: "登録日", key: "RegisteredDate", dataType: "date", width: "120px", format: "date", }, ... ], features: [ { name: "Updating", editMode: "cell", enableDeleteRow: false, enableAddRow: false, columnSettings: [ { columnKey: "RegisteredDate", editorType: "datepicker", editorOptions: { datepickerOptions: { onSelect: function (dateText) { console.log("選択された日: " + dateText); } } } } ] } ] })