ExtJs学习笔记之fileuploadfield

  之前都比较忙现在来说一下最近用到的一个exjs控件。这个控件就是fileuploadfield。顾名思义,这个控件就是用来选择文件并且上传的。接下来让我们看一下他是怎么用的。

  我们先来看一下原代码

ExtJs学习笔记之fileuploadfield_第1张图片

  从这里我们可以看到,这个控件是继承自form下的textfield的,也就是说在column布局下是不会显示他的fieldLabel的。因此一般都是把它放在form布局下。其次这个控件是在ux下的插件。所以在api中是查找不到任何信息的、但是确实能在examples页面下找到这个控件,因此只能一次作为借鉴。

  要用的话 直接xtype:'fileuploadfield'或者直接new Ext.ux.form.FileUploadField();属性由于是继承textfield的 因此大致上还是一致的,特别注意:如果不需要前面的textfield的话 只要添加属性buttonOnly:true就可以了。具体内容我不多加详述,看它的原代码就可以了。

  效果图如下:

ExtJs学习笔记之fileuploadfield_第2张图片

你可能感兴趣的:(fileupload)