文章分類/

Infragistics|Ultimate UI IguiteUI|根據 igGrid 中的特定單元格值驗證輸入

244 瀏覽人次
2023-02-20 更新

infragistics log

通過使用igGrid的輸入驗證函數(igValidator),您可以根據特定單元格的值來驗證輸入。

      var editedCellRowID;         $(function () {              //igGrid             $("#grid").igGrid({                 autoGenerateColumns: false,                 primaryKey: "ID",                 width: "auto",               autoCommit: true,                 columns: [                     { headerText: "ID", key: "ID", dataType: "number" },                     { headerText: "数値", key: "Number", dataType: "number" },                     { headerText: "最大値", key: "MaxNumber", dataType: "number" }                 ],                 dataSource: SampleData,                 features: [                     {                         name: "Updating",                         editCellStarted: function(evt, ui){                             // 対象行IDを取得                             editedCellRowID = ui.rowID;                         },                         columnSettings: [                              {                                 columnKey: "ID",                                 required: true,                                 readOnly: true,                             },                             {                                 columnKey: "Number",                                 required: true,                                 readOnly: false,                                 editorOptions:{                                     validatorOptions: {            // カスタム検証用メソッド                                         custom: function (value, fieldOptions) {                                             // 入力チェック                                             // 同行の最大値を取得                                             var maxValue = $("#grid").igGrid("getCellValue", editedCellRowID, "MaxNumber");                                             if(maxValue < value){                                                 return false;                                             }                                             return true;                                         },                                         errorMessage : "MaxNumber より大きい値が設定されています。"                                     }                                 }                             },                             {                                 columnKey: "MaxNumber",                                 editorOptions: {                                     readOnly: true,                                     disabled: false,                                 },                             },                         ]                     }                 ]             });           }); 

執行結果

快速跳轉目錄

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

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

Picture of 軟體專家
軟體專家

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

更多軟體新知

立即詢價

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

詢價資訊