title: how to disable kendo ui dropdown list with jquery?
body: <p><a href="https://i.stack.imgur.com/64NaE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/64NaE.png" alt="Here is the render html code from browser"></a>I am using kendo UI dropdownlist, I am new to kendo UI. I want to disable the dropdownlist if @TrackingHelper.CurrentUser.IsViewTestCallType return False. </p>
  
  <pre><code> @(Html.Kendo().DropDownListFor(i =&gt; i.CallTypeId)
  
                                                      .Name("CallTypeId")
                                                      .HtmlAttributes(new { style = "width:100%" })
                                                      .DataTextField("MasterValueName")
                                                      .DataValueField("MasterValueId")
                                                      .Events(x =&gt; x.Open("ManageSecurity"))
                                                      .DataSource(source =&gt;
                                                      {
                                                          source.Read(read =&gt;
                                                          {
  
                                                              read.Action("GetCallType", "Common", new { Area = "" });
  
                                                          });
                                                      })
                                                      .OptionLabel("Select Call Type")
                                              )
  </code></pre>
  
  <p>I am doing this in jquery:</p>
  
  <pre><code> $(document).ready(function ()
      {
          debugger;
          var result = '@TrackingHelper.CurrentUser.IsViewTestCallType';
          if (result == "False")
          {
              $("#CallTypeId").prop("disabled", true);
  
          }
  
      });
  </code></pre>
  
  <p>Any suggestion will be appreciated. Thanks in advance. </p>