NodeJS/Express rendering Kendo Grid with EJS: grid function doesn't work

[Ilya]

Hi,

All code below runs on NodeJS/Express/EJS.
I have a two file form.js and grid.js.

In the form.js I create grid object and define custom validator like here:
-------------------------------------------------------------------------------------------------
...
rest.get(uri, {}).on('complete', function (data, result) {
         var schemeGridColumns = {};
         ...
         schemeGridColumns["field1"].validation = {
                                                                          required: true,
                                                                          custom: function (input) {
                                                                                  if (input.is("[name=field1]") && input.val().length > 5)  {
                                                                                          input.attr("data-custom-msg", "My notification from validator.");
                                                                                          return false;
                                                                                   }
                                                                                   return true;
                                                                    }
       ...
       var grid = {
              editable: {
                    mode: "popup",
                    ....
              },
             transport: {
             ..... 
             },
             ...
            dataSource: {
                   ....
                   schema: {
                          data: 'data',
                          total: 'total',
                          model: {
                               id: gridKeys,
                               fields: gridSchemaFields
                          }
                   }
            },
           ....
      };

      res.render("grid.js", grid: grid, ....);
)};
--------------------------------------------------------------------------
File grid.js looks like this:
----------------------------------------------------------------------------
<div id="grid" style1="float:left"></div>
<div class="clear1"></div>

<script language="javascript">
    $(document).ready(function() {
        titan.setTitle('<%= title %>');

        // create Kendo UI Grid
        $('#grid').kendoGrid(<%- JSON.stringify(grid) %>);

    });
</script>
--------------------------------------------------------------------------------
The problem is that standard validation require works in popup,
but custom doesn't fire. I've tried with inline mode. Result is the same.
May be problem with EJS template compiler?

[Petur Subev]

Hello Ilya,

We are not sure what exactly is wrong, however I can see that you are stringifying the object before passing it to the Grid, are you sure that function are actually serialized and then outputed? Could you check the source code of the page that was rendered (ctrl + U in the browser) and see if the validation is actually there.

Let us know your findings.

Kind Regards,
Petur Subev
Telerik

 

 

[Ilya]

Hi Petur,

yes, you're right. I already found it in JSONstringify documentation. I reorganized code to avoid this function.
Thanks that you confirm my suggestion!