1. #1
    Ext User
    Join Date
    Sep 2007
    Posts
    1
    Vote Rating
    0
    UltimaRatio is on a distinguished road

      0  

    Default Blank fields in Combobox in IE 6

    Blank fields in Combobox in IE 6


    Not sure if anyone can help, but I'm having a problem with a Combobox that was working fine until recently. Basically, in IE 6 the fields in the combobox are not showing up. The box itself shows up, and the functionality works fine, but there are only blank lines in IE. If I poke around with the IE developer toolbar, the text IS there where it should be. Both IE 7 and Firefox work fine, so I'm thinking there is some css bug that is breaking it, rather than the JS.

    The code was written by someone else, so I'm having a difficult time debugging it, and was hoping someone here might have an idea as to what's going on. If not, oh well.

    Relevant JS code:
    Code:
    defHd='<div class="cmb-hd"><span class="cmb-col1"><fmt:message key="comboBox.employeeName"/></span><c:if test="${skillLevelFlag=='Yes'}"><span class="cmb-col2"><fmt:message key="comboBox.skillLevel"/></span></c:if><span class="cmb-col3"><fmt:message key="comboBox.cost"/></span><span class="cmb-col4"><fmt:message key="comboBox.preference"/></span><span class="cmb-col5"><fmt:message key="comboBox.exclude.header"/></span><br/></div>'; 
    hdSm='<div class="cmb-hd"><span class="cmb-col1sm"><fmt:message key="comboBox.employeeName"/></span><c:if test="${skillLevelFlag=='Yes'}"><span class="cmb-col2"><fmt:message key="comboBox.skillLevel"/></span></c:if><span class="cmb-col3"><fmt:message key="comboBox.cost"/></span><span class="cmb-col4"><fmt:message key="comboBox.preference"/></span><span class="cmb-col5"><fmt:message key="comboBox.exclude.header"/></span><br/></div>';
    hdLg='<div class="cmb-hd"><span class="cmb-col1lg"><fmt:message key="comboBox.employeeName"/></span><c:if test="${skillLevelFlag=='Yes'}"><span class="cmb-col2"><fmt:message key="comboBox.skillLevel"/></span></c:if><span class="cmb-col3"><fmt:message key="comboBox.cost"/></span><span class="cmb-col4"><fmt:message key="comboBox.preference"/></span><span class="cmb-col5"><fmt:message key="comboBox.exclude.header"/></span><br/></div>';
    
    defTpl = new Ext.Template(
                 '<div class="cmb-row">'+
                 '<span class="cmb-col1">{employee}</span>'+
                 '<span class="cmb-col2">{SL}</span>'+
                 '<span class="cmb-col3">{cost}</span>'+
                 '<span class="cmb-col4">{preference}</span>'+
                 '<span class="cmb-col5">{includeExclude}</span>'+
                 '<br/>'+
                 '</div>'                                        );
    tplSm = new Ext.Template(
                 '<div class="cmb-row">'+
                 '<span class="cmb-col1sm">{employee}</span>'+
                 '<span class="cmb-col2">{SL}</span>'+
                 '<span class="cmb-col3">{cost}</span>'+
                 '<span class="cmb-col4">{preference}</span>'+
                 '<span class="cmb-col5">{includeExclude}</span>'+
                 '<br/>'+
                 '</div>'
         );
    tplLg = new Ext.Template(
                 '<div class="cmb-row">'+
                 '<span class="cmb-col1lg">{employee}</span>'+
                 '<span class="cmb-col2">{SL}</span>'+
                 '<span class="cmb-col3">{cost}</span>'+
                 '<span class="cmb-col4">{preference}</span>'+
                 '<span class="cmb-col5">{includeExclude}</span>'+
                 '<br/>'+
                 '</div>'
          );
    
    
    
    function getRenderData(empSize)
    {
            var renderData;
            switch (empSize)
            {
                    case 1:renderData=[tplSm,455 - slCol,hdSm];break;//medium
                    case 2:renderData=[tplLg,685 - slCol,hdLg];break;//large
                    default:renderData=[defTpl,570 - slCol,defHd];break;//default
            }
            return renderData;
    }
    function initCmb(tbId, emp, date,empSize) {
            var renderData=getRenderData(empSize);
            if (initializedComboBoxen.indexOf(tbId) != -1)
                    return;
            initializedComboBoxen[initializedComboBoxen.length] = tbId;
            initComboData(tbId);
            $('comboFore' + tbId).style.display = 'none';
            $('combo' + tbId).style.display = '';
            var myData = loadComboData(tbId);
            var ds = new Ext.data.Store({proxy: new Ext.data.MemoryProxy(myData),reader: defaultReader});
            ds.load();
            var comboBox = new Ext.form.ComboBox({
                    store: ds,
                    displayField:'employee',
                    width: 200,
                    listWidth: renderData[1],
                    hiddenName:'hidCombo' + tbId,
                    valueField:'id',
                    value:emp,
                    tpl: renderData[0],
                    title:renderData[2],
                    onSelect: function(record) {
                            if(includeFlag){
                            if(record.data.employee.indexOf("<span")==-1){
                            this.collapse();
                            if (this.getValue() != record.data.id)
                                    updateTimeBlock(tbId, date, record.data.id,false);
                            }
                            }
                            else
                                    includeFlag=true;                               
    
                    }
            });
            comboBox.applyTo('combo' + tbId);
            comboBox.expand();
            comboBoxen[tbId] = comboBox;
    }
    Attached Images

  2. #2
    Ext User
    Join Date
    Dec 2007
    Posts
    1
    Vote Rating
    0
    xeert is on a distinguished road

      0  

    Default


    I have the same problem, is there gay can help us, Thanks

Thread Participants: 1