title: How to specify the kendo schema to use in a div
body: <p>I have the following code in my View using the kendo grid:</p>
  
  <pre><code>&lt;div id="MyGrid"
   data-role="grid"
   data-editable="true"
   data-toolbar='[{ template: kendo.template($("#ToolbarTemplate").html()) }]'
   data-columns='[
                      { field: "Description" },
                      { field: "Value" },
                      { command: [{name: "destroy", template: kendo.template($("#DeleteTemplate").html())}], width: 60}
                  ]'
   data-bind="source: MyDataSource"&gt;
  </code></pre>
  
  <p></p>
  
  <p>Then in a script section a have:</p>
  
  <pre><code>kendo.bind($("#MyGrid"), MyViewModel)
  </code></pre>
  
  <p>Everything is working fine. However, now I'm trying to implement a validation to let the user knows that any of the fields inside the Kendo Grid is required. I saw that it can be done in the schema as follow (<a href="http://demos.telerik.com/kendo-ui/grid/editing" rel="nofollow">Kendo doc link</a>):</p>
  
  <pre><code>schema: {
                              model: {
                                  id: "ProductID",
                                  fields: {
                                      ProductID: { editable: false, nullable: true },
                                      ProductName: { validation: { required: true } },
                                      UnitPrice: { type: "number", validation: { required: true, min: 1} },
                                      Discontinued: { type: "boolean" },
                                      UnitsInStock: { type: "number", validation: { min: 0, required: true } }
                                  }
                              }
                          }
  </code></pre>
  
  <p>Is there a way to do the same in the div tag as the rest of the attributes? Does data-schema attribute exist?</p>
  
  <p>Thanks in advance</p>