Sample Form Test
Just some sample code
HTML
<script src="https://dev.sencha.com/ext/5.0.1/examples/shared/include-ext.js"></script>
<link rel="stylesheet" href="https://dev.sencha.com/ext/5.0.1/examples/shared/example.css">
<link rel="stylesheet" href="https://dev.sencha.com/extjs/5.0.0/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all-debug.css">
JavaScript
Ext.Loader.setConfig({
enabled: true
});
Ext.Loader.setPath('Ext.ux', 'http://dev.sencha.com/extjs/5.0.0/examples/ux/');
Ext.require([
'Ext.grid.*',
'Ext.data.*',
'Ext.util.*']);
Ext.onReady(function () {
Ext.define('IaaS.view.MainView', {
extend: 'Ext.container.Viewport',
alias: 'widget.mainview',
requires: [
// 'IaaS.view.MainViewViewModel',
'Ext.tab.Panel',
'Ext.tab.Tab',
'Ext.form.field.TextArea',
'Ext.form.field.ComboBox',
'Ext.form.field.Spinner',
'Ext.form.field.Display',
'Ext.grid.Panel',
'Ext.grid.column.Number',
'Ext.grid.column.Date',
'Ext.grid.column.Boolean',
'Ext.view.Table',
'Ext.toolbar.Toolbar',
'Ext.toolbar.Separator',
'Ext.grid.column.Check',
'Ext.tab.Bar',
'Ext.form.Label',
'Ext.form.Panel',
'Ext.form.RadioGroup',
'Ext.form.field.Radio'],
// viewModel: {
// type: 'mainview'
// },
itemId: 'mainView',
layout: 'border',
items: [{
xtype: 'tabpanel',
region: 'center',
itemId: 'contentPanel',
activeTab: 0,
items: [{
xtype: 'panel',
itemId: 'tab1',
padding: 10,
title: 'Details',
tabConfig: {
xtype: 'tab',
scrollable: true
},
items: [{
xtype: 'textfield',
width: 500,
fieldLabel: 'Name',
labelAlign: 'right',
labelWidth: 150,
allowBlank: false,
validateBlank: true,
vtype: 'alphanum'
}, {
xtype: 'textareafield',
...