igGrid - errorMessage using pattern (RegExp)

C-00225787

by rivanova

HTML

<title></title>

<!-- Ignite UI for jQuery Required Combined CSS Files -->
<link href="https://cdn-na.infragistics.com/igniteui/2022.1/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
<link href="https://cdn-na.infragistics.com/igniteui/2022.1/latest/css/structure/infragistics.css" rel="stylesheet" />

<script src="https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

<!-- Ignite UI for jQuery Required Combined JavaScript Files -->
<script src="https://cdn-na.infragistics.com/igniteui/2022.1/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/2022.1/latest/js/infragistics.lob.js"></script>

<table id="grid"></table>

JavaScript

$(function() {

  var ds = [{
      "ProductID": 1,
      "Name": "",
      "Condition": "",
      "UnitsInStock": 17,
    },
    {
      "ProductID": 2,
      "Name": "",
      "Condition": "",
      "UnitsInStock": 8,
    },
    {
      "ProductID": 3,
      "Name": "",
      "Condition": "",
      "UnitsInStock": 10,
    },
    {
      "ProductID": 4,
      "Name": "Headset Ball Bearings",
      "Condition": "Used",
      "UnitsInStock": 97,
    },
    {
      "ProductID": 5,
      "Name": "Blade",
      "Condition": "New",
      "UnitsInStock": 17,
    }
  ];

  const editorOptions = {
    validatorOptions: {
      required: {
        errorMessage: "This field is required!",
      },
      onblur: true,
      onchange: false,
      pattern: {
        expression: /^[a-zA-Z]+$/,
        errorMessage: "Should not be blank spaces!",
      },
      notificationOptions: {
        direction: "top",
        showIcon: false,
        closeOnBlur: false,
      },
    },
  };

  $("#grid").igGrid({
    autoGenerateColumns: false,
    width: "700px",
    height: "300px",
    dataSource: ds,
    primaryKey: "ProductID",
    autoCommit: true,
    columns: [{
        headerText: "Product ID",
        key: "ProductID",
        dataType: "number",
      },
      {
        headerText: "Product Name",
        key: "Name",
        dataType: "string",
      },
      {
        headerText: "Condition",
        key: "Condition",
        dataType: "string",
      },
      {
        headerText: "Units In Stock",
        key: "UnitsInStock",
        dataType: "number",
      },
    ],
    features: [{
      name: "Updating",
      editMode: "row",
      enableAddRow: false,
      enableDeleteRow: false,
      columnSettings: [{
          columnKey: "Name",
          editorType: "text",
          validation: true,
          editorOptions: editorOptions
        },
        {
          columnKey: "Condition",
          editorType: "text",
          validation: true,
          editorOptions:...