/** * {@link Ext.ActionSheet ActionSheets} are used to display a list of {@link Ext.Button buttons} in a popup dialog. * * The key difference between ActionSheet and {@link Ext.Sheet} is that ActionSheets are docked at the bottom of the * screen, and the {@link #defaultType} is set to {@link Ext.Button button}. * * ## Example * * @example preview miniphone * var actionSheet = Ext.create('Ext.ActionSheet', { * items: [ * { * text: 'Delete draft', * ui : 'decline' * }, * { * text: 'Save draft' * }, * { * text: 'Cancel', * ui : 'confirm' * } * ] * }); * * Ext.Viewport.add(actionSheet); * actionSheet.show(); * * As you can see from the code above, you no longer have to specify a `xtype` when creating buttons within a {@link Ext.ActionSheet ActionSheet}, * because the {@link #defaultType} is set to {@link Ext.Button button}.x * */Ext.define('Ext.ActionSheet', { extend: 'Ext.Sheet', alias : 'widget.actionsheet', config: { /** * @cfg * @inheritdoc */ baseCls: Ext.baseCSSPrefix + 'sheet-action', /** * @cfg * @inheritdoc */ left: 0, /** * @cfg * @inheritdoc */ right: 0, /** * @cfg * @inheritdoc */ bottom: 0, // @hide centered: false, /** * @cfg * @inheritdoc */ height: 'auto', /** * @cfg * @inheritdoc */ defaultType: 'button' }, layout: 'vbox'});