Very simple Writer example?

by el_chief

HTML

<link rel="stylesheet" href="//extjs.cachefly.net/ext-4.1.0-gpl/resources/css/ext-all-gray-debug.css" />
<script src="//extjs.cachefly.net/ext-4.1.0-gpl/ext-all-dev.js"></script>

JavaScript

Ext.define('My.model.A', {
    extend:'Ext.data.Model',
    fields:['name'],
    proxy:{
        url:'myserver.php',
        type:'ajax',
        reader:{
            type:'json'
        }
    }
});

Ext.define('My.view.A', {
    extend: 'Ext.form.Panel',
    alias:['widget.myform'],

    bodyPadding: 10,
    title: 'My Form',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'textfield',
                    name: 'name',
                    fieldLabel: 'Name'
                },
                {
                    xtype: 'button',
                    itemId: 'save',
                    text: 'Save to server'
                }
            ]
        });

        me.callParent(arguments);
    }
});

Ext.define('My.controller.A', {
    extend:'Ext.app.Controller',
    init: function(){
        this.control({
            'myform #save':{
                click: this.save_click
            }
        });
    },
    
    save_click: function(){
    console.log(arguments);
    }
});

Ext.application({
    name:'My',
    controllers:['A'],
    launch: function(){
    alert();
    }
});