textarea的占位符? (ExtJS的)

时间:2012-01-27 12:55:07

标签: javascript extjs extjs3

textarea有占位符吗? (ExtJS

5 个答案:

答案 0 :(得分:14)

Ext.form.TextArea中有emptyText个配置选项。

<强>文档

  

要放入空字段的默认文本(默认为null)。注意:如果此字段已启用并配置了名称,则此值将提交给服务器。

Ext 4.2.2的文档:

  

要放入空字段的默认文本。

     

请注意,如果启用此字段,通常会将此值提交给服务器;为防止这种情况发生,您可以将submitEmptyText的{​​{1}}选项设置为false。

     

另请注意,如果您使用Ext.form.Basic.submit,则不支持emptyText,应避免使用。

     

请注意,对于支持它的浏览器,设置此属性将使用HTML 5占位符属性,对于不支持HTML 5占位符属性的旧浏览器,该值将作为原始值直接放入input元素本身值。这意味着旧版浏览器会模糊密码输入字段的inputType: 'file'值。

答案 1 :(得分:1)

使用此: -

xtype: 'textfield',
placeHolder: 'Please Enter Something'

答案 2 :(得分:0)

根据HTML5草稿,您可以在placeholder元素中使用textarea属性。这与JavaScript无关。你的意思是什么吗?

浏览器对placeholder属性的支持仍然相当有限。另一方面,如果该区域前面有描述性标签,那么在textarea中很少需要占位符。

答案 3 :(得分:0)

正如@ e-zinc指出的那样,

emptyText配置选项可以正常工作。但是,它并没有清除价值。这是一个修复。

initComponent: function () {
    var me = this;

    me.on('focus', function () {
        if(!me.isDirty()) {
            me.setValue('');
        }
    });

    me.callParent(arguments);
}

答案 4 :(得分:0)

您可以使用emptyText属性

xtype: 'textfield',
label: 'Try KeyDown',
emptyText: 'Press Enter/Return here...',
name: 'email',
animateUnderline : true