uncaught error: invalid template Kendu Dropdownlist

Question

                @*<select id="attr-code-dropdown" class="ms-TextField-field detail-input"></select>*@
                @(Html.Kendo().DropDownList()
                  .Name("AttributeCode")
                  .DataTextField("AttributeCode")
                  .DataValueField("AttributeCodeId")
                  .DataSource(source =>
                  {
                      source.Read(read =>
                      {
                          read.Action("AttributeSecurityCode_Read", "AttributeCode")
                          .Data("filterCode");
                      })
                      .ServerFiltering(true);
                  })
                .Enable(false)
                .AutoBind(false)
                .CascadeFrom("AttributeName")
                )
                <script>
                    function filterCode() {
                    return {
                        AttributeName: $("#AttributeName").val()
                        };
                    }
                </script>

What is wrong with my code it gives me this error.

kendo.all.js:198 Uncaught Error: Invalid template:' Attribute Type * kendo.syncReady(function(){jQuery("#AttributeName").kendoDropDownList({"dataTextField":"AttributeTypeName","dataValueField":"AttributeTypeId","dataSource":{"transport":{"read":{"url":"/AttributeType/AttributeTypesSecurity_Read"},"prefix":""},"schema":{"errors":"Errors"}}});});

score 0 · Answer 1 · answered Jan 02 '20 at 15:31

If that is within a template, try using deferred scripts:

@(Html.Kendo().DropDownList()
  .Name("AttributeCode")
  .DataTextField("AttributeCode")
  .DataValueField("AttributeCodeId")
  .DataSource(source =>
  {
      source.Read(read =>
      {
          read.Action("AttributeSecurityCode_Read", "AttributeCode")
          .Data("filterCode");
      })
      .ServerFiltering(true);
  })
  .Enable(false)
  .AutoBind(false)
  .CascadeFrom("AttributeName")
  .Deferred()  // tell kendo to do scripts below
)

<script>

    function filterCode() {
      return {
        AttributeName: $("#AttributeName").val()
      };
    }

    @Html.Kendo().DeferredScripts()

</script>

Sorry Steve but that didn't work. it still gave me the same error. — Tushar Jangade, Jan 02 '20 at 19:15
Your read method is returning data in required format? Is this inside a kendo template or just part of a form? — Steve Greene, Jan 02 '20 at 20:50

uncaught error: invalid template Kendu Dropdownlist

1 Answers1