How to set “validationRules” property of columns in AngularJS

Rules

Description

required

Requires an element.

minlength

Requires the element to be of given.

maxlength

Requires the element to be of given maximum length.

range

Requires the element to be in a given value range.

number

The element requires a decimal number.

rangelength

Requires the element to be in given value range

<div ej-grid id="Grid" e-datasource="data" e-toolbarsettings="toolbar" e-editsettings = "editing">

        <div e-columns>

            <div e-column e-field="EmployeeID" e-headertext="Employee ID" e-isprimarykey ="true" e-validationrules-required="true" e-validationrules-number="true"></div>

            <div e-column e-field="LastName" e-headertext="Last Name"></div>

            <div e-column e-field="FirstName" e-headertext="First Name" e-validationrules-maxlength="16" e-validationrules-minlength="5"></div>

            <div e-column e-field="Title" e-headertext="Title" e-validationrules-range="range"></div>

        </div>

    </div>

    <script>

        angular.module('listCtrl', ['ejangular'])

          .controller('EmployeeView', function ($scope) {

              $scope.data = window.employeeView,

              $scope.toolbar = { showToolbar: true, toolbarItems: ["add", "edit", "delete", "update", "cancel"] },

              $scope.editing = { allowEditing: true, allowAdding: true, allowDeleting: true },

              $scope.range = [0, 5]

          });

    </script>