ExtJS的4 - 如何改變默認的消息的錯誤在現場

有一個表格面板http://jsfiddle.net/7CLWy/ 這裏是我重要的代碼ExtJS的4 - 如何改變默認的消息的錯誤在現場

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

我想在現場

enter image description here

改變默認的消息錯誤

如何改變這一點。謝謝

來源

2013-07-27 LookAtMeNow

您是否閱讀過文檔？它在那裏http://docs.sencha.com/extjs/4.0.7/?mobile=/api/Ext.form.field.Base invalidText –

的blankText屬性是確認消息時，需要的字段，並且invalidText是文本時的字段一般驗證失敗。您可以在這些屬性中添加自己的自定義消息。同樣，如果您碰巧正在使用regex屬性進行基於正則表達式的驗證，則可以使用regexText字段提供自定義驗證消息。

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!' 
    }]

來源

2013-07-27 19:29:28

救了我的一天:) – Sikandar

-1

要更改默認的活動錯誤消息，我們使用setActiveError（msg）。您會看到以下代碼。

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

來源

2013-07-27 10:21:57 getty

這不太好:( – LookAtMeNow

msgTarget：'side'將在字段右側添加一個錯誤圖標，僅在懸停時顯示消息。

如果你仔細閱讀文檔，多一個選擇是有msgTarget http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.Text-cfg-msgTarget

[元素的id]直接添加錯誤信息到指定元素的innerHTML。你必須用id動態地在控件的右邊添加一個「td」。那麼如果你指定msgTarget：'element id'，它就會起作用。

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

來源

2013-07-27 15:25:38

對不起:(我讀但我不很好理解，我試試msgTarget：'myid'和document.getElementById（「myid」）。innerHTML ='我的味精';你能舉一個例子，謝謝 – LookAtMeNow

我們可以使用驗證方法並返回自定義消息。

{ 
    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; 
    } 

}

來源

2018-02-24 18:09:01

ExtJS的4 - 如何改變默認的消息的錯誤在現場

回答

相關問題