1. #1
    Sencha User
    Join Date
    Apr 2010
    Posts
    1
    Vote Rating
    0
    jenelso2 is on a distinguished road

      0  

    Default Combobox difficulties...

    Combobox difficulties...


    Using Architect 2, I created a layout for an application with three combo boxes side-by-side. Selecting a value from the first changes the store for the second, then changing the value for the second changes the store for the third. The functionality works well, all three combo boxes are displaying the correct lists and the select event listeners are firing and doing what they are supposed to do.

    The only issue I have is that the combo box isn't showing the selected display value after the selection, it is still showing the emptyText config value. If I call the render method from within the select event function using "combo.render();", the displayValue is shown correctly, but I get a "proto El is null" error in FireBug when doing this. After reading the render method API, I'm not sure that's the correct method to use anyways.

    Here is the code cut/pasted from the deployed files for the combo boxes:

    Code:
    {
        xtype: 'combobox',
        id: 'TermSelect',
        itemId: 'TermSelect',
        inputId: 'TermSelect',
        name: 'TermSelect',
        emptyText: 'Select Term...',
        pickerAlign: 'tr-br',
        displayField: 'Term',
        store: 'TermStore',
        valueField: 'ID',
        listeners: {
            select: {
                fn: me.onTermSelectSelect,
                scope: me
            }
        }
    },
    {
        xtype: 'combobox',
        id: 'CourseSelect',
        itemId: 'CourseSelect',
        inputId: 'CourseSelect',
        name: 'CourseSelect',
        emptyText: 'Select Course...',
        pickerAlign: 'tr-br',
        displayField: 'Course',
        store: 'CourseStore',
        valueField: 'ID',
        listeners: {
            select: {
                fn: me.onCourseSelectSelect,
                scope: me
            }
        }
    },
    {
        xtype: 'combobox',
        id: 'StudentSelect',
        itemId: 'StudentSelect',
        inputId: 'StudentSelect',
        name: 'StudentSelect',
        emptyText: 'Select Student...',
        pickerAlign: 'tr-br',
        displayField: 'Student',
        store: 'StudentStore',
        valueField: 'ID'
    }
    Here are the listener functions:

    Code:
        onTermSelectSelect: function(combo, records, options) {
            Ext.getCmp('StudentSelect').reset();
            var cs = Ext.getStore('CourseStore');
            cs.proxy.extraParams = { action: 'retrieveCourses', SessionID: combo.getValue() };
            cs.load();
        },
    
        onCourseSelectSelect: function(combo, records, options) {
            var ss = Ext.getStore('StudentStore');
            ss.proxy.extraParams = { action: 'retrieveStudents', CourseID: combo.getValue() };
            ss.load();
        }
    Thanks for any help and/or advice you can give on this, I'm fairly new to Sencha Architect.

    EDIT: Removed ItemID, InputID and Name from the config and this problem went away. Not sure why those properties were causing this to happen, but at least it works for me now.
    Last edited by jenelso2; 13 Jul 2012 at 7:51 AM. Reason: Fixed

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi