文本区域的占位符?(ExtJS)

9
5个回答

16
Ext.form.TextArea中有一个emptyText配置选项。 文档: 默认情况下,如果字段为空,则将默认文本放置在其中(默认为 null)。注意:如果启用此字段并配置名称,则此值将提交到服务器。 Ext 4.2.2 的文档: 在空字段中放置默认文本。
请注意,通常情况下,如果启用了该字段,则此值将被提交到服务器。要防止这种情况发生,可以将Ext.form.Basic.submitsubmitEmptyText选项设置为false。
同时请注意,如果使用inputType: 'file',则不支持emptyText,应避免使用它。
请注意,对于支持它的浏览器,设置此属性将使用 HTML 5 的 placeholder 属性,而对于不支持 HTML 5 的旧版浏览器,该值将直接放置到输入元素本身中作为原始值。这意味着,对于密码输入字段,旧版浏览器将掩盖emptyText值。

2

请使用以下内容:

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

2
你可以使用 emptyText 属性。
xtype: 'textfield',
label: 'Try KeyDown',
emptyText: 'Press Enter/Return here...',
name: 'email',
animateUnderline : true

这与第一个答案有何不同? - Akin Okegbile
我刚刚尝试分享一段代码,它没有任何不同。 - Alejandro Reyes

1
根据HTML5草案,您可以在

它不能在IE7中工作。我所指的占位符必须是ExtJS库的一部分。 - ilhan

0

emptyText配置选项有效,正如@e-zinc所指出的那样。但是,它并不清除值。这里有一个修复方法。

initComponent: function () {
    var me = this;

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

    me.callParent(arguments);
}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接