helloExtJS.coffee

helloExtJS.coffee

tpl = new Ext.Template ['Hello {firstName} {lastName}!',                                                                                                                                                                                                           
    ' Nice to meet you!']                                                                                                                                                                                                                                          
                                                                                                                                                                                                                                                                   
formPanel = new Ext.form.FormPanel                                                                                                                                                                                                                                 
        itemId: "formPanel"                                                                                                                                                                                                                                        
        frame: true                                                                                                                                                                                                                                                
        layout: "anchor"                                                                                                                                                                                                                                           
        defaultType: "textfield"                                                                                                                                                                                                                                   
        defaults:                                                                                                                                                                                                                                                  
                anchor: "-10"                                                                                                                                                                                                                                      
                labelWidth: 65                                                                                                                                                                                                                                     
        items:                                                                                                                                                                                                                                                     
                [{fieldLabel: "First Name",                                                                                                                                                                                                                        
                name: "firstName"}                                                                                                                                                                                                                                 
                {fieldLabel: "Last Name",                                                                                                                                                                                                                          
                name: "lastName"}]                                                                                                                                                                                                                                 
        buttons:                                                                                                                                                                                                                                                   
                [{text: "Submit",                                                                                                                                                                                                                                  
                handler: ->                                                                                                                                                                                                                                        
                        inputPanel = this.up '#formPanel'                                                                                                                                                                                                          
                        vals = inputPanel.getValues()                                                                                                                                                                                                              
                        greeting = tpl.apply vals                                                                                                                                                                                                                  
                        Ext.Msg.alert('Hello!',greeting)                                                                                                                                                                                                           
                }]                                                                                                                                                                                                                                                 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
main = ->                                                                                                                                                                                                                                                          
        new Ext.window.Window                                                                                                                                                                                                                                      
                height: 125                                                                                                                                                                                                                                        
                width: 200                                                                                                                                                                                                                                         
                closable: false                                                                                                                                                                                                                                    
                title: "Input needed."                                                                                                                                                                                                                             
                border: false                                                                                                                                                                                                                                      
                layout: "fit"                                                                                                                                                                                                                                      
                items: formPanel                                                                                                                                                                                                                                   
        .show()                                                                                                                                                                                                                                                    
                                                                                                                                                                                                                                                                   
Ext.onReady main