ExtJS 파일 업로드 필드가 올바르게 표시되지 않습니다.

Question

ExtJS 3.4를 사용하고 있으며 응용 프로그램에서 fileupload를 사용하고 싶습니다. 내 코드 및 파일 업로드 필드 스크린 샷은 아래와 같습니다. 파일 업로드 필드를 표시하는 데 문제가 있습니다.이 오류를 해결할 수 없습니다. 누구든지 도울 수 있니?

var uploadFormPanel = new Ext.FormPanel({ 
    fileUpload : true, 
    autoHeight : true, 
    height  : 200, 
    bodyStyle : 'padding: 10px 10px 0 10px;', 
    labelWidth : 50, 
    defaults : { 
     anchor  : '95%', 
     allowBlank : false, 
     msgTarget : 'side' 
    }, 
    items: [ 
      { 
       xtype   : 'combo', 
       fields   : ['id','name'], 
       name   : 'fuelCompany', 
       store   : comboStore, 
       valueField  : 'id', 
       displayField : 'name', 
       submitValue  : true, 
       typeAhead  : true, 
       triggerAction : 'all', 
       selectOnFocus : true, 
       allowBlank  : false, 
       mode   : 'remote', 
       anchor   : '95%' 
      },{ 
       xtype  : 'fileuploadfield', 
       id   : 'form-file', 
       name  : 'file', 
       buttonText : 'select file', 
       buttonCfg : { 
        iconCls : 'upload-icon' 
       } 
      } 
    ] 
}); 

Answer 1

그것은 내 자바 스크립트 코드 내 문제가 해결 정의 JSP 파일에 CSS 스타일을 넣어, CSS 파일에 도달 할 수 없습니다 : 다른 방법으로, 당신은 약간의 해결 방법을 사용할 수 있습니다.

Answer 2

이 조금 까다로운,하지만 난 텍스트를 표시하는 버튼을 얻는 방법을 알아 냈다고 생각한다

//... 
{ 
    xtype  : 'fileuploadfield', 
    id   : 'form-file', 
    name  : 'file', 
    buttonCfg : { 
     text : 'select file' 
    } 
} 
//... 

당신은 buttonCfg에있는 버튼의 텍스트를 배치 할 필요를 버튼을 올바르게 크기를 조정하십시오. 유일한 단점은 자동으로 크기를 조정하려는 경우 iconCls을 단추에 추가 할 수 없다는 것입니다.

//... 
{ 
    xtype  : 'fileuploadfield', 
    id   : 'form-file', 
    name  : 'file', 
    buttonCfg : { 
     // The text cfg takes html too 
     text : '<div class="upload-icon"' + 
        ' style="width: 15px; height: 15px; display: inline-block;' + 
        ' margin: 0 5px;"></div>' + 
        'select file' 
    } 
} 
//...