Preset value on a textbox : TextBox « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. TextBox

Preset value on a textbox

 <!-- /*! * Ext JS Library 3.0.0 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.com * http://www.extjs.com/license */ --> <html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <!-- Revised from demo code in ext3.0.0 --> <body> <script type="text/javascript"> /*! * Ext JS Library 3.0.0 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.com * http://www.extjs.com/license */ Ext.onReady(function(){ Ext.QuickTips.init(); // turn on validation errors beside the field globally  Ext.form.Field.prototype.msgTarget = 'side'; var bd = Ext.getBody(); /* * Form 2 */ bd.createChild({tag: 'h2', html: 'Form 2 - Adding fieldsets'}); var fsf = new Ext.FormPanel({ labelWidth: 75, // label settings here cascade unless overridden  url:'save-form.php', frame:true, title: 'Simple Form with FieldSets', bodyStyle:'padding:5px 5px 0', width: 350, items: [{ xtype:'fieldset', checkboxToggle:true, title: 'User Information', autoHeight:true, defaults: {width: 210}, defaultType: 'textfield', collapsed: true, items :[{ fieldLabel: 'First Name', name: 'first', allowBlank:false },{ fieldLabel: 'Last Name', name: 'last' },{ fieldLabel: 'Company', name: 'company' }, { fieldLabel: 'Email', name: 'email', vtype:'email' } ] },{ xtype:'fieldset', title: 'Phone Number', collapsible: true, autoHeight:true, defaults: {width: 210}, defaultType: 'textfield', items :[{ fieldLabel: 'Home', name: 'home', value: '(888) 555-1212' },{ fieldLabel: 'Business', name: 'business' },{ fieldLabel: 'Mobile', name: 'mobile' },{ fieldLabel: 'Fax', name: 'fax' } ] }], buttons: [{ text: 'Save' },{ text: 'Cancel' }] }); fsf.render(document.body); }); </script> </div> </body> </html>








Related examples in the same category

1.Add text box to a window and set the width
2.Set min and max length for a field
3.TextField enter key action listener
4.Not-allow-blank field
5.Set validation type for a textfield
6.Add a TextField to a window by setting the xtype
7.Set value for a text field
close