fireInternet/res/extjs/examples/simple-tasks/app/view/tasks/EditWindow.js

/**
 * @class SimpleTasks.view.tasks.EditWindow
 * @extends Ext.window.Window
 */
Ext.define('SimpleTasks.view.tasks.EditWindow', {
    extend: 'Ext.window.Window',
    xtype: 'taskEditWindow',
    requires: [
        'Ext.form.Panel',
        'Ext.form.FieldSet',
        'Ext.form.field.Text',
        'Ext.form.field.Date',
        'Ext.form.field.Time',
        'Ext.form.field.Checkbox',
        'Ext.form.field.HtmlEditor',
        'Ext.form.field.Hidden',
        'Ext.ux.TreePicker'
    ],
    closeAction: 'hide',
    modal: true,
    width: 500,
    height: 350,
    layout: 'fit',

    dockedItems: [
        {
            xtype: 'toolbar',
            dock: 'top',
            items: [
                {
                    iconCls: 'tasks-mark-complete',
                    id: 'toggle-complete-btn'
                },
                {
                    iconCls: 'tasks-delete-task',
                    text: 'Delete Task',
                    id: 'delete-task-window-btn'
                }
            ]
        }
    ],

    initComponent: function() {

        this.items = [{
            xtype: 'form',
            layout: 'anchor',
            bodyPadding: 10,
            border: false,
            frame: true,
            items: [
                {
                    xtype: 'textfield',
                    name: 'title',
                    fieldLabel: 'Task Subject',
                    labelWidth: 80,
                    anchor: '100%'
                },
                {
                    xtype: 'fieldset',
                    layout: 'hbox',
                    anchor: '100%',
                    padding: 0,
                    margin: '0 0 5',
                    border: false,
                    items: [
                        {
                            xtype: 'datefield',
                            name: 'due',
                            fieldLabel: 'Due Date',
                            labelWidth: 80,
                            width: 185,
                            margin: '0 15 0 0'
                        },
                        {
                            xtype: 'treepicker',
                            name: 'list_id',
                            fieldLabel: 'Task List',
                            labelWidth: 60,
                            displayField: 'name',
                            store: Ext.create('SimpleTasks.store.Lists', {storeId: 'Lists-TaskEditWindow'}),
                            flex: 1
                        }
                    ]
                },
                {
                    xtype: 'box',
                    autoEl: {
                        cls: 'divider'
                    }
                },
                {
                    xtype: 'fieldset',
                    layout: 'hbox',
                    anchor: '100%',
                    padding: 0,
                    margin: '0 0 5',
                    border: false,
                    items: [
                        {
                            xtype: 'checkbox',
                            name: 'has_reminder',
                            boxLabel: 'Reminder',
                            margin: '0 5 0 0'
                        },
                        {
                            xtype: 'datefield',
                            name: 'reminder_date',
                            margin: '0 5 0 0',
                            disabled: true,
                            editable: false
                        },
                        {
                            xtype: 'timefield',
                            name: 'reminder_time',
                            disabled: true,
                            editable: false
                        }
                    ]
                },
                {
                    xtype: 'htmleditor',
                    name: 'note',
                    anchor: '100% -90'
                },
                {
                    xtype: 'hiddenfield',
                    name: 'reminder'
                },
                {
                    xtype: 'hiddenfield',
                    name: 'done'
                }
            ],
            buttons: [
                {
                    text: 'Save',
                    id: 'save-task-edit-btn'
                },
                {
                    text: 'Cancel',
                    id: 'cancel-task-edit-btn'
                }
            ]
        }]

        this.callParent(arguments);

    }

});