ExtJS 4 - Jak błąd zmiana domyślnego wiadomość w polu

Question

Mam panel formularz w http://jsfiddle.net/7CLWy/ tutaj jest mój ważny kod

items: [{ 
    xtype: 'textfield', 
    fieldLabel: 'First Name', 
    allowBlank: false, 
    msgTarget: 'under', 
    name: 'firstName' 
}, { 
    xtype: 'datefield', 
    allowBlank: false, 
    fieldLabel: 'Start date', 
    msgTarget: 'under' 
}], 

Chcę zmienić domyślne błąd wiadomości w polu

Jak to zmienić. Dzięki

Answer 1

Obiekt blankText jest wiadomość walidacji gdy jest wymagane pole i invalidText jest tekst, gdy pole ogólnie nie walidacji. Możesz dodać własne niestandardowe wiadomości do tych właściwości. Podobnie, jeśli zdarzyło Ci się przeprowadzać sprawdzanie poprawności oparte na regex z właściwością regex, możesz użyć pola regexText, aby podać niestandardowy komunikat sprawdzania poprawności.

items: [{ 
     xtype: 'textfield', 
     fieldLabel: 'First Name', 
     allowBlank: false, 
     msgTarget: 'under', 
     name: 'firstName', 
     blankText: 'This should not be blank!' 
    }, { 
     xtype: 'datefield', 
     allowBlank: false, 
     fieldLabel: 'Start date', 
     msgTarget: 'under', 
     invalidText: 'This value is not a valid date!' 
    }, { 
     xtype: 'textfield', 
     fieldLabel: 'Digits followed by A,B,or C', 
     msgTarget: 'under', 
     name: 'someText', 
     regex: /^\d+[ABC]$/, 
     regexText: 'This must be a string of digits followed by A, B, or C!' 
    }] 

Answer 2

Aby zmienić domyślny aktywny komunikat o błędzie, używamy setActiveError (msg). Zobacz poniższy kod.

items: [{ 
     xtype: 'textfield', 
     fieldLabel: 'First Name', 
     allowBlank: false, 
     id:'fn', 
     msgTarget: 'under', 
     name: 'firstName', 

    }, { 
     xtype: 'datefield', 
     allowBlank: false, 
     fieldLabel: 'Start date', 
     msgTarget: 'under', 
     } 
    ], 
renderTo: Ext.getBody() 
}); 
var m = Ext.getCmp('fn'); 
m.setActiveError("important"); //can change the text 

Answer 3

msgTarget: "Strona" doda ikonę błędu po prawej stronie pola, wyświetlając komunikat w okienku podręcznym po tylko najechaniu myszą.

jeśli uważnie zapoznać się z dokumentacją, jeszcze jedna opcja jest dla msgTarget http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.Text-cfg-msgTarget

[id elementu] Dodaj informację o błędzie bezpośrednio do innerHTML określonego elementu. musisz dodać "td" po prawej stronie kontrolki dynamicznie z identyfikatorem. następnie jeśli podasz msgTarget: 'id elementu', to zadziała.

referencyjna ->ExtJS4: How to show validation error message next to textbox, combobox etc

Answer 4

Możemy użyć metody sprawdzania poprawności i zwrócić niestandardową wiadomość.

{ 
    xtype: 'textfield', 
    fieldLabel: 'Digits followed by A,B,or C', 
    msgTarget: 'under', 
    name: 'someText', 
    validator : function(value){ 
     var regex= /^\d+[ABC]$/; 
     if(!regex.test(value)){ 
       return "'This must be a string of digits followed by A, B, or C!'" 
      } 
     return true; 
    } 

}