+
+ function createDockedItems(fieldId) {
+ return [{
+ xtype: 'toolbar',
+ dock: 'top',
+ items: {
+ text: 'Options',
+ menu: [{
+ text: 'Set value (2,3)',
+ handler: function(){
+ Ext.getCmp(fieldId).setValue(['2', '3']);
+ }
+ },{
+ text: 'Toggle enabled',
+ checked: true,
+ checkHandler: function(item, checked){
+ Ext.getCmp(fieldId).setDisabled(!checked);
+ }
+ },{
+ text: 'Toggle delimiter',
+ checked: true,
+ checkHandler: function(item, checked) {
+ var field = Ext.getCmp(fieldId);
+ if (checked) {
+ field.delimiter = ',';
+ Ext.Msg.alert('Delimiter Changed', 'The delimiter is now set to <b>","</b>. Click Save to ' +
+ 'see that values are now submitted as a single parameter separated by the delimiter.');
+ } else {
+ field.delimiter = null;
+ Ext.Msg.alert('Delimiter Changed', 'The delimiter is now set to <b>null</b>. Click Save to ' +
+ 'see that values are now submitted as separate parameters.');
+ }
+ }
+ }]
+ }
+ }, {
+ xtype: 'toolbar',
+ dock: 'bottom',
+ ui: 'footer',
+ defaults: {
+ minWidth: 75
+ },
+ items: ['->', {
+ text: 'Clear',
+ handler: function(){
+ var field = Ext.getCmp(fieldId);
+ if (!field.readOnly && !field.disabled) {
+ field.clearValue();
+ }
+ }
+ }, {
+ text: 'Reset',
+ handler: function() {
+ Ext.getCmp(fieldId).up('form').getForm().reset();
+ }
+ }, {
+ text: 'Save',
+ handler: function(){
+ var form = Ext.getCmp(fieldId).up('form').getForm();
+ if (form.isValid()){
+ Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+
+ form.getValues(true));
+ }
+ }
+ }]
+ }];
+ }