Note that there are some explanatory texts on larger screens.

plurals
  1. POExtJS combobox problem in IE
    primarykey
    data
    text
    <p>I have an ExtJS combobox with a remote data store behind it. In all browsers it works fine, except in IE (all versions that I've tested) where the combobox expands for a splitsecond, showing a "loading" icon and then it disappears again. Clicking it again after this doesn't make it expand at all anymore. Basically: it's not being populated. </p> <p>On the server side, everything is fine. The Controller action is reached (using ASP.NET MVC) which returns Json data. The Json is properly formed (all other browsers swallow it at least). </p> <p>A weird thing is, that when I put a breakpoint in the Controller action, the JsonStore is properly filled on the client side. This to me indicates some sort of timing problem. </p> <p>Another weird thing is that, every once in a while, it works fine. Perhaps because the timing is just right by accident or something.</p> <p>If I set the combobox mode to 'local' and force a <code>.load()</code> on the remote datastore, it works fine in IE too. </p> <p>This problem is present in all comboboxes that use a remote datastore for us.</p> <p>I have the following JsonStore:</p> <pre><code> var companies = new Ext.data.JsonStore({ url: '/Company/GetCompanies/', root: 'companies', fields: [ { name: 'CompanyID'}, { name: 'CompanyName'}] }); </code></pre> <p>The combobox:</p> <pre><code>new Ext.form.ComboBox({ fieldLabel: 'Company', typeAhead: false, triggerAction: 'all', valueField: 'CompanyID', hiddenName: 'CompanyID', displayField: 'CompanyName', mode: 'remote', lazyRender: true, store: companies, allowBlank: true, editable: false, listeners: { 'focus': function(){ if(companies.data.length &gt; 0) { debugger; // This is only ever fired after the aforementioned breakpoint method. } } } }) </code></pre> <p>The Json that is returned by the Controller:</p> <pre><code>{"companies":[{"CompanyID":1,"CompanyName":"Test"},{"CompanyID":2,"CompanyName":"Test1" },{"CompanyID":3,"CompanyName":"Test2"}]} </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload