title: How to disable a DevExpress MVC combobox from the client (JS / JQuery)
body: <p>I am attempting to disable a form based on an event.  I have a JQuery script that will disable all inputs for a table / div etc. however the DevExpress combobox still allows users to select an option.  The input portion of the control shows disabled, however the select button and dropdown are still functional.</p>
  
  <p>Being new to the DevExpress client API and Jquery, my question is: How can I set the control to disabled using JQuery in a way that is cross browser compatible?</p>
  
  <p>Here is what i currently Have</p>
  
  <p>// JQuery Code</p>
  
  <pre><code>// Disable all input types in the table
  $('#addressTable :input').attr('disabled', true);
  
  // Disable DevExpress MVC Combobox  **(Fails)**
  $('#StateProvinceType.StateProvinceTypeId').SetEnabled(false); 
  </code></pre>
  
  <p>//HTML Extension Code</p>
  
  <pre><code>@Html.DevExpress().ComboBox(settings =&gt;
  {
     settings.Properties.DropDownStyle = DropDownStyle.DropDown;
     settings.Name = "StateProvinceType.StateProvinceTypeId";
     settings.Properties.ValueType = typeof(int);
  }).BindList(Model.States).GetHtml()
  </code></pre>