在 Extjs 3.0 中禁用文件上传字段

Posted 2023-02-26

【中文标题】在 Extjs 3.0 中禁用文件上传字段

【英文标题】：Disable File upload field in Extjs 3.0

【发布时间】：2014-04-22 16:42:39

【问题描述】：

我想动态禁用文件上传字段。就像我有一个变量说 isUploadAllowed。如果此变量为真，则启用 FileUpload 字段并且用户可以单击浏览按钮。否则此按钮被禁用。如何在 ExtJs 3.0 中执行此操作？我确实找到了几个例子，但它们都是 ExtJs 4 .. 我试过了： FileUploadField.setDisabled(true); 但它不起作用..

这是我的代码，我想在点击重置按钮时禁用它！

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();

有时效果更好。还要检查字母大小写

【讨论】：

它不起作用..我也尝试过 Ext.getCmp('fileUpload').setDisabled(true): 但同样的问题..即使它显示 disabled: true当我在浏览器上调试它时，但浏览按钮仍在工作并且它允许文件上传..

【参考方案2】：

我草率地发表了评论，之前已被删除。尽管我禁用了该字段，但上传功能没有被禁用，我也遇到了同样的问题。我意识到这是由于在该字段上启用了 Plupload，因此为了禁用上传器的上传功能，我禁用了 Plupload：

uploader.disableBrowse(true);

所以检查是否没有一些类似的插件也能正常工作......并禁用它。希望这会对某人有所帮助...这让我有些头疼。