Results 1 to 8 of 8

Thread: paging on a combobox with a remote store

    Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    363

    Default paging on a combobox with a remote store

    I do a bit of effort to create a test case for this case but the paging on a combobox with a remote store will NOT work on IE (tested on IE10).
    It works instead of FF and Crome.

    Thank you.

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,449

    Default

    Your post doesn't describe what issue you are reporting.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    363

    Default

    Sorry for the inaccuracy.
    First of all, the error occurs on a EDITABLE combobox with remote store.

    1) Type a character to populate the combo and bring up the curtain and the paging tool bar
    2) Press the page forward of the paging toolbar
    3) The curtain disappears and the field is cleared (it should stay and view the contents of the second page)

    Thank you very much.

  4. #4

    Default

    I'm having the same problem, clicking on scrollbar in combo popup or on paging toolbar causes combo to temporarily loose focus, which results in combo popup to disappear. That effectively prevents user from selecting values from combo popup, which are not immediately visible.

  5. #5

    Default

    Here is testcase demonstrating the bug. Run it and click on combo popup scrollbar ...
    Browser: IE10, IE11
    Extjs 5.0.1
    Code:
    Ext.application({    name : 'Fiddle',
    
    
        launch : function() {
            
    
    
    var states = Ext.create('Ext.data.Store', {
        fields: ['abbr', 'name'],
        data : [
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"},
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"},
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"},
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"},
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"},
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"},
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"},
            {"abbr":"AL", "name":"Alabama"},
            {"abbr":"AK", "name":"Alaska"},
            {"abbr":"AZ", "name":"Arizona"}
        ]
    });
    
    
    // Create the combo box, attached to the states data store
    var c1 = Ext.create('Ext.form.ComboBox', {
        fieldLabel: 'Choose State',
        store: states,
        queryMode: 'local',
        displayField: 'name',
        editable: true,
        valueField: 'abbr',
        renderTo: Ext.getBody()
    });
    var c2 = Ext.create('Ext.form.ComboBox', {
        fieldLabel: 'Choose State',
        store: states,
        editable: true,
        queryMode: 'local',
        displayField: 'name',
        valueField: 'abbr',
        renderTo: Ext.getBody()
    });
    var c3 = Ext.create('Ext.form.ComboBox', {
        fieldLabel: 'Choose State',
        store: states,
        editable: true,
        queryMode: 'local',
        displayField: 'name',
        valueField: 'abbr',
        renderTo: Ext.getBody()
    });
            Ext.defer(function(){
    c1.setValue("AL");
                c1.focus();
    c2.setValue("AK");
                c2.focus();
    c3.setValue("AZ");
                c3.focus();
                c3.expand();
                
            }, 250);
        }
    });

  6. #6
    Sencha User
    Join Date
    Feb 2013
    Posts
    6

    Default

    Is there an overwrite/workaround for this issue?

    Thanks

  7. #7
    Sencha User
    Join Date
    Feb 2013
    Posts
    6

    Default

    Is there an overwrite/workaround for this issue?

    Thanks

  8. #8
    Sencha Premium User
    Join Date
    Mar 2012
    Location
    germany
    Posts
    28

    Default

    This situation is certainly due to forceSelection. When this property is set to true, it's not allowed anymore to show a value which is no more in the store. On remote combobox with paging you just can find in the store the records from the page

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •