Liferay, Inc.![]()
This is the main class for text based form fields that handle text-based form fields, and not only inherits the abilities of the AlloyUI Form Field class (such as DOM synchronization, field validation, label configuration, etc), but also allowing you to select the contents of the field when the field is focused, and also easily specifying what characters are allowed in the textfield.
To view all available events and configuration attributes, view the documentation.
You can create a Textfield like so:
<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>YUI({
//Last Gallery Build of this module
gallery: 'gallery-2010.08.18-17-12',
modules: {
'gallery-aui-skin-base': {
fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
type: 'css'
},
'gallery-aui-skin-classic': {
fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
type: 'css',
requires: ['gallery-aui-skin-base']
}
}
}).use('gallery-aui-form-textfield', function(Y) {
// Creating a basic text field
var textfield1 = new Y.Textfield({
labelText: 'Text field 1'
}).render();
// Creating a text field that selects its content on focus
var textfield2 = new Y.Textfield({
labelText: 'Text field 2',
selectOnFocus: true,
value: 'Select on focus'
}).render();
// Creating a text field that only allows numbers
var textfield3 = new Y.Textfield({
labelText: 'Text field 3 (only allow numbers)',
allowOnly: /\d/
}).render();
});| Subject | Author | Date |
|---|---|---|
| Why? | John Lindal | 06/9/10 |
| Re: Why? | Murray Macchio | 06/10/10 |
| Re: Why? | Murray Macchio | 06/10/10 |
| Styling | Eike Hirsch | 06/11/10 |
| Re: Why? | Eduardo Lundgren | 06/11/10 |
| Re: Styling | Eduardo Lundgren | 06/11/10 |
| Re: Why? | Murray Macchio | 06/11/10 |
| Re: Why? | Eduardo Lundgren | 06/11/10 |
| Re: Styling | Eike Hirsch | 06/14/10 |
| Parallel thinking | Peter Peterson | 06/15/10 |
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info