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

通過使用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,
                                },
                            },
                        ]
                    }
                ]
            }); 

        });

執行結果