fileuploadfield extjs组件中的Cls / class值

时间:2014-11-06 09:21:56

标签: extjs extjs4.2

测试自动化团队需要我们正在使用的 fileuploadfield 组件中的HTML class / cls值。

以下是我们如何使用它。我在下面的代码中添加了 cls 的值,但是无处可见。

flex: 1,
xtype: 'fileuploadfield',
itemId: 'fileupload-field',
anchor: '100%',
textfieldWidth: 40,
emptyText: 'Select a document to upload...',
buttonText: 'Browse ',
cls: 'file-upload', //??

listeners: { //chop out directory string
    change: function(fld, value) {
        var newValue = value.replace(/C:\\fakepath\\/g, '');
        fld.setRawValue(newValue);
    }
}

如何在文本字段和此组件上的按钮上获取cls值?

更新:我设法找到了'文件上传'在此组件的HTML表上。我需要的只是按钮和文本字段上的cls值。

1 个答案:

答案 0 :(得分:1)

我认为你可以使用文件字段的几个配置参数。请检查一次

{
            xtype: 'filefield',
            name: 'photo',
            fieldCls:'YourTextFieldClass',//Your textfield class
            fieldLabel: 'Photo',
            labelWidth: 50,
            msgTarget: 'side',
            allowBlank: false,
            anchor: '100%',
            buttonConfig:{
            text:'Your button', 
            cls:'buttonclass'//Your button class
          }

        }

请查看文档以获取更多信息。希望它对您有所帮助。