2012-01-13 3 views
1

IE7에서 Ext js 콤보가 작동하지 않습니다. 가상 콤보 (Google 검색과 같은)를 사용하는 텍스트 상자와 같은 콤보 작업이 필요합니다. 그것은 IE9와 FF에서 일하고 있지만 IE7IE7에서 Extjs 콤보가 작동하지 않습니다.

이 내 코드입니다 :

SearchIncidentForm=new Ext.FormPanel ({ 

     border:false, 
     renderTo:'searchIncidentDiv', 
     id: 'searchIncidentForm',  
     items : [{ 
      xtype:'panel', 
      id :'panelsearchIncident', 
      layout:'column', 
      defaults:{ 
        columnWidth:0.50, 
       labelAlign : 'top', 
       layout:'form', 
       border:false, 
       bodyStyle:'margin-top:5px; ' 
      }, 
      border:false, 
      items : [{  
       defaults:{anchor:'100%'}, 
        items:[{ 
         id : "incidentId", 
         fieldLabel : 'Incident Id', 
         labelStyle: 'color: #6C6C6C;width:85px;padding-top:7px;height: 22px;', 
         xtype : 'combo', 
         store:incidentStores, 
         //style: 'width:85px;height: 18px;', 
         width:100, 
         allowBlank : false, 
         labelAlign: 'top', 
         displayField : 'incidentId', 
         valueField : 'incidentId', 
         selectOnFocus : true, 
         typeAhead : false, 
         mode : 'remote', 
         triggerAction : 'all', 
         editable: true, 
         msgTarget:'qtip', 
         listAlign : 'tl-bl?', 
         //anchor : '80%', 
         minChars : 1, 
         hideTrigger:true, 
         hiddenName: 'incidentId', 
         listWidth:100, 
         listHeight:50, 

         submittValue:true, 
         listeners : { 
          specialkey : function(field, e){ 
           var key=e.getKey(); 
           if (key==e.ENTER) { 
            incidentSearchButtonHandler(); 
           } 
          }, 

          beforequery : function(){ 
          var val=Ext.getCmp('incidentId').getValue(); 
           if(isNaN(this.getEl().dom.value)){ 
            Ext.Msg.alert("","Please type numeric value"); 
           } 
           else{ 
            Ext.getCmp('incidentId').getStore().proxy.setUrl('getIncidentId.html?&query='+this.getEl().dom.value); 

           } 
          } 
         } 

        }] 
       },{ 

        items:[{ 
         xtype : 'button', 
         text : 'Search', 
         style: 'margin-top:19px;margin-left:20px;width:50px;',     
         width: 35, 
         height:15, 
         handler : incidentSearchButtonHandler 
        }] 
       }] 
     }] 
    }); 
} 

는하지만 IE에서 작동하지 않습니다. 검색 버튼을 누르면 please type Id이라는 경고가 표시됩니다. 즉, 입력 한 값을 사용하지 않습니다. 도와주세요.

+0

: 당신이 당신의 배열의 마지막 요소 다음 여분의 쉼표가 있습니다. 어떤 조건에서 경고가 나타 납니까? 제출 버튼은 어디에 있습니까? 정확히 무슨 일이 일어나야합니까? 함수() { \t \t \t \t \t \t \t VAR의 발 = Ext.getCmp ('incidentId : 단부 –

+0

, 즉 isbeforequery 코드가 별도의 코마 아니다 ') .getValue(); \t \t \t \t \t \t \t \t 경우 (때는 isNaN (this.getEl(). dom.value)) 숫자 값을 입력하여 주시기 바랍니다 \t \t \t \t \t \t \t \t \t Ext.Msg.alert ("", ""); 다른 \t \t \t \t \t \t \t \t \t} \t \t \t \t \t \t \t \t { \t \t \t \t \t \t \t \t Ext.getCmp ('incidentId.')으로 getStore(). proxy.setUrl ('getIncidentId .html? & query = '+ this.getEl(). dom.value); \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t} \t \t \t \t \t \t \t} – sissonb

+0

@ 아담 Rackis의 배열에 추가 쉼표가 –

답변

2

은 내가 이전에 IE로이 물린했습니다 당신은 더 많은 코드를 공유 할 필요가가는

items:[{ 

    submittValue:true, 
    listeners : { 
     specialkey : function(field, e){ 
      var key=e.getKey(); 
     if (key==e.ENTER) { 
      incidentSearchButtonHandler(); 
     } 
    }, // <------ Extra comma. Delete it. 
]} 
+0

여전히이 문제를 추가합니다 ... PLS는 추가되지 않습니다 –

+0

도움 콤마 –

관련 문제