ucan-ext-js-kitchen-sink
Version:
my-ext-gen-app description for Ext JS app MyExtGenApp
88 lines (87 loc) • 2.02 kB
JavaScript
Ext.define('UCANSink.view.componentDetail.examples.detailView.exampleView', {
extend: 'Ext.Container',
xtype: 'ucandetailViewexampleview',
controller: 'ucandetailViewexamplecontroller',
viewModel: {
type: 'ucandetailViewexampleviewmodel'
},
requires: [
'UCAN.detailView.src.*',
'Ext.*'
],
items: [
{
height: 300,
xtype: 'detailView',
bind: {
displayName: '{testObject.asString}'
},
backAction: 'onBack',
actions: [
{
iconCls: 'x-fa fa-drumstick-bite',
handler: 'onChicken',
bind: {
tooltip: '{translator.chicken_press_tooltip}'
}
}
],
cardItems: [
{
xtype: 'container',
layout: 'hbox',
items: [
{
flex: 1
},
{
flex: 6,
html: '<h2>DETAIL VIEW</h2>'
}
]
},
{
xtype: 'container',
layout: 'hbox',
items: [
{
flex: 1
},
{
flex: 6,
items: [
{
xtype: 'textfieldLikeChipview',
bind: {
availableStore: '{availableStore}',
selectedStore: '{selectedStore}',
addButtonText: '{translator.add}'
},
editable: true
}
]
}
]
}
],
cardButtons: [
{
iconCls: 'x-fa fa-splotch',
handler: 'showDetailView',
bind: {
tooltip: '{translator.detailView_detail_view_tooltip}'
},
value: 'detail'
},
{
iconCls: 'x-fas fa-microchip',
handler: 'showChipView',
bind: {
tooltip: '{translator.detailView_chip_tooltip}'
},
value: 'chip'
}
]
}
]
});