JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.2a/resources/css/ext-all.css">
<html>
<head>
<title>ExtJS4 Test</title>
<style type="text/css">
.center-align {
text-align:center;
}
</style>
</head>
<body>
</body>
</html>
JavaScript
Ext.create('Ext.ux.wizard.Card', {
alias : 'widget.step1',
title : 'Sign Up',
showTitle : true,
titleCls : '',
titleStyle : 'font-size: 2.5em;',
baseCls : 'rnd1',
items : [{
xtype : 'fieldcontainer',
fieldLabel : 'Podstawa wynagrodzenia',
combineErrors : true,
msgTarget : 'side',
layout : 'hbox',
defaults : {
hideLabel : true
},
items : [{
// xtype: 'textfield',
xtype : 'combo',
name : 'wynagrodzenie[stawka]',
fieldLabel : 'wynagrodzenie - stawka',
allowBlank : false,
mode : 'local',
value : '2000',
forceSelection : false,
editable : true,
displayField : 'name',
valueField : 'value',
queryMode : 'local',
store : Ext.create('Ext.data.Store', {
fields : ['name', 'value'
],
data : [{
name : '1000',
value : '1000'
}, {
name : '1500',
value : '1500'
}, {
name : '2000',
value : '2000'
}, {
name : '2500',
value : '2500'
},
]
})
}, {
xtype : 'combo',
mode : 'local',
value : '0',
forceSelection : true,
editable : false,
fieldLabel : 'Title',
name : 'wynagrodzenie[netto]',
displayField : 'name',
valueField : 'value',
queryMode : 'local',
store : Ext.create('Ext.data.Store', {
fields : ['name', 'value'
],
data : [{
name : 'Brutto',
value : '0'
}, {
name...