2014-04-22 30 views
1

我想動態禁用文件上傳字段。像我有一個變量說isUploadAllowed。如果此變量爲true,則僅啓用FileUpload字段,用戶可以單擊瀏覽按鈕。否則,此按鈕將被禁用。如何在ExtJs 3.0中執行此操作?我確實發現了幾個例子,但他們都是ExtJs 4 ..我曾嘗試過: FileUploadField.setDisabled(true); 但它不工作..禁用Extjs 3.0中的文件上傳字段

這是我的代碼,我想禁用它重置按鈕單擊!

var fileUploadField = new Ext.ux.form.FileUploadField({ 

    id : 'fileUpload', 
    name : 'upLoadedFile', 
    fieldLabel : 'Supporting File(s)', 
    width : 410, 
    convertToUpperCase : false, 
    tabIndex : 9, 
    allowBlank : true 

}); 

var requestForm = new Ext.form.FormPanel({ 
      id : 'requestForm', 
      labelAlign : 'right', 
      labelWidth : 130, 
      buttonAlign : 'right', 
      frame : false, 
      split : false, 
      fileUpload : true, 
      autoHeight : true, 
      collapsible : false, 
      width : 635, 
      monitorValid : true, 
      border : false, 
      bodyStyle : 'text-align:left;padding:10 10 10 10', 
      // Layout the form fields here. 
      items : [{        
        layout : 'column', 
        border : false, 
        items : [{ 
         layout : 'form', 
         bodyStyle : "text-align:left", 
         border : false, 
         items : [fileUploadField] 
          }], 
        buttons : [{ 
        id : 'submitBtn', 
        text : 'Submit', 
        formBind : true, 
        handler : doSubmit, 
        type : 'submit', 
        scope : this 
        }, { 
        text : 'Reset', 
        formBind : false, 
        type : 'reset', 
        handler : function() { 
               // disable file upload field 
         } 
        }] 
     }); 

回答

1

試試這個:

fileUploadField.disable(); 

有時效果更好。另外檢查信箱

+1

它不工作。我也曾嘗試 ** Ext.getCmp(「文件上傳」)setDisabled(真):** 但同樣的問題..即使它顯示爲已禁用:真當我調試它在我的瀏覽器,但瀏覽按鈕仍然有效,它允許文件上傳.. –

0

我做了一個倉促的評論之前被刪除。即使我禁用了該字段,我也遇到了與上傳功能未被禁用相同的問題。我認識到這是對那場啓用Plupload這是由於,所以禁止上傳我殘疾Plupload的上傳功能:

uploader.disableBrowse(true); 

所以,檢查是否別有一番類似的插件工作爲好。 ..並禁用該功能。希望這會幫助別人......這讓我感到頭痛。