删除焦点上的emptyText

时间:2014-09-20 07:29:10

标签: javascript extjs config

我目前正在使用ExtJS。我有一个textfield,其中有一个emptyText设置为配置。  “emptyText:'请输入'”

当我点击它时,它不会消失。只有我输入的东西,它才会发生。有什么方法可以做到这一点吗?

2 个答案:

答案 0 :(得分:1)

我不太喜欢这个解决方案,但我已经提出了这个问题(viewable here):

Ext.application({
  name : 'Fiddle',

  launch : function() {
    Ext.create('Ext.form.Panel', {
      title: 'Contact Info',
      width: 300,
      bodyPadding: 10,
      renderTo: Ext.getBody(),
      items: [{
        xtype: 'textfield',
        name: 'name',
        fieldLabel: 'Name',
        allowBlank: false,  // requires a non-empty value,
        emptyText: 'blah',
        originalEmptyText: 'blah',
        listeners: {
          focus: function() {
            this.emptyText = ' ';  // if you set it to empty string, it doesn't work
            this.applyEmptyText();
          },
          blur: function() {
            this.emptyText = this.originalEmptyText;
            this.applyEmptyText();
          }
        }
      }]
    });
  }
});

答案 1 :(得分:0)

它适用于xtype:' textfield'。你能提供有关你的尝试的更多细节吗? 我没有遇到任何问题。 这是示例代码。

var form = new Ext.form.FormPanel({
    items: [{
        name: 'Test',
        xtype:'textfield',
        emptyText:'Empty Text',
    }]
});