title: data-bind not working in List View template within Grid detail template
body: <p>I need help using a Kendo UI list view which lives within a grid row detail template.
  here is something I have done so far.</p>
  
  <pre><code>&lt;div id="grid"&gt;
          &lt;/div&gt;
  
   &lt;script type="text/x-kendo-template" id="gridDetailTemplate"&gt;
              &lt;div class='grid-edit'&gt;
                  &lt;div class='edit-list'&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/script&gt;
  
  &lt;script type="text/x-kendo-template" id="editItemtemplate"&gt;
              &lt;div class='edit-Item'&gt;
              #if(Type=='string'){#
              &lt;ul&gt;&lt;li&gt;&lt;b&gt;#:Name#&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;input class='inputString' value='#:DataVal()#'/&gt;&lt;/li&gt;&lt;/ul&gt;
              #}else if(Type=='number'){#
              &lt;ul&gt;&lt;li&gt;&lt;b&gt;#:Name#&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;input class='inputNumber' data-role='numerictextbox' data-type='number' value='#:DataVal()#'/&gt;&lt;/li&gt;&lt;/ul&gt;
              #}else if(Type=='date'){#
              &lt;ul&gt;&lt;li&gt;&lt;b&gt;#:Name#&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;input class='inputDate' data-role='datepicker' value='#:kendo.toString(DataVal(),'MM/dd/yyyy')#'/&gt;&lt;/li&gt;&lt;/ul&gt;
              #}else if(Type=='boolean'){Name #&lt;input type='checkbox'/&gt;
              #}#
              &lt;/div&gt;
          &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
              $(document).ready(function () {
  
                  $.get("http://localhost:4916/DataAttribute", function (data, status) {
                      var selFields = new Object();
                      $.each(data, function (index, elem) {
                          selFields[elem.Name] = new Object();
                          selFields[elem.Name]["type"] = elem.Type;
                      });
                      $("#grid").kendoGrid({
                          dataSource: {
                              type: "json",
                              transport: {
                                  read: { url: "http://localhost:4916/Deal",
                                      dataType: "json"
                                  }
                              },
                              schema: {
                                  data: "Data", total: "Total",
                                  model: {
  
                                      fields: selFields
                                  }
                              }
                          },
                          height: 430,
                          filterable: true,
                          sortable: true,
                          pageable: false,
                          detailTemplate: kendo.template($("#gridDetailTemplate").html()),
                          detailInit: detailInit,
                          columns: [{
                              field: "SecurityName",
                              title: "Security Name",
                              width: 250
                          },
                              {
                                  field: "DateOfAcquisition",
                                  title: "Date Of Acquisition",
                                  width: 120,
                                  format: "{0:MM/dd/yyyy}"
                              }, {
                                  field: "Acres",
                                  title: "Acres",
                                  width: 120
                              }
                          ]
                      });
                  });
              });
  
  
              function detailInit(e) {
                  $.get("http://localhost:4916/DataAttribute", function (data, status) {
                      var detailRow = e.detailRow;
  
                      detailRow.find(".edit-list").kendoListView({
                          dataSource: {
                              data: data,
                              schema: {
                                  model: {
                                      DataVal: function () {
                                          switch (this.get("Type")) {
                                          case "number"
                                          }
                                          if (e.data[this.get("Name")])
                                              return e.data[this.get("Name")];
                                          else
                                              return '';
                                      }
                                  }
                              }
                          },
                          template: kendo.template($("#editItemtemplate").html())
                      });
                  });
              }
  
  
          &lt;/script&gt;
  </code></pre>
  
  <p>My code gets dynamic field list and binds it to the data source for grid.
  Then, in the detailInit event, I find the div within row detail and convert it into kendo UI list, for which the template have been created.</p>
  
  <p>Now, when I use <code>data-bind="value: DataVal()"</code> ,it doesn't pick up the values of List data source. It works the way I have done i.e. <code>value="#: DataVal() #"</code>. But, data-role does not convert the fields to specified types which are datepicker and numericinput in my case.</p>
  
  <p>I believe that data-role not being used is caused due to same issue as data-bind not being read.</p>
  
  <p>Can anyone help me out with this? Also, feel free to suggest any alternate ways and general code improvements. I am an ASP.NET developer and usually don't work on pure html and javascript.</p>
  
  <p>PS: I would be happy to provide the context on what I am trying to achieve here if anyone is interested.</p>
  
  <p>Thanks in advance.</p>