文章分類/

Infragistics|Ignite UI for jQuery|igGrid:設定編輯 datePicker 的選項

111 瀏覽人次
2023-12-01 更新

infragistics log

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

快速跳轉目錄

✦ 群昱 AccessSoft 你的全面軟體解決方案 ✦

身為全球眾多知名軟體在台灣合作夥伴,歡迎諮詢你需要的軟體服務!

Picture of 軟體專家
軟體專家

群昱作為全球知名軟體推薦合作夥伴,致力於提供更多軟體解決方案給你!

更多軟體新知

立即詢價

請留下完整資訊,以便我們提供精確的服務內容給你。

詢價資訊