www.gusucode.com > 一个基于extjs的强大聊天插件源码程序 > 一个基于extjs的强大聊天插件/extjame/ext-jame/js/ext2/examples/slider/slider.js
/* * Ext JS Library 2.0.2 * Copyright(c) 2006-2008, Ext JS, LLC. * licensing@extjs.com * * http://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(); /* * ================ Simple form ======================= */ bd.createChild({tag: 'h2', html: 'Form 1 - Very Simple'}); var simple = new Ext.FormPanel({ labelWidth: 75, // label settings here cascade unless overridden url:'echo.php', frame:true, title: 'Simple Form', bodyStyle:'padding:5px 5px 0', width: 350, defaults: {width: 230}, defaultType: 'textfield', items: [{ fieldLabel: 'First Name', name: 'first', allowBlank:true },{ fieldLabel: 'Last Name', name: 'last' },{ fieldLabel: 'Company', name: 'company' }, { fieldLabel: 'Email', name: 'email', vtype:'email' }, new Ext.form.TimeField({ fieldLabel: 'Time', name: 'time', minValue: '8:00am', maxValue: '6:00pm' }),{ xtype:'sliderfield', name:'slider1', minValue:0, maxValue:100, fieldLabel:'Slider' } ], buttons: [{ text: 'Save',handler:function() { simple.getForm().submit({ success:function(form, action) { alert('Success:\n' + action.response.responseText); }, failure:function(form, action) { alert('Failure: ' + action.failureType); } }); } },{ text: 'Cancel' }] }); simple.render(document.body); });