how to remove Done button in Select field in snecha touch

[djhanwar]

I want to remove the done button from selectfield .When i select and oprion from select field then it should dispaly in select field. Please provide me any solution

[mitchellsimoens]

You would need to override the getPicker method on the Select field and add add the config doneButton : false to the Ext.Picker

[djhanwar]

HI ,

I am attaching my code . please let me it is correct way to remove that done button. i want when i click on any display value in select field that should dispaly in select field

{
     xtype : 'selectfield',
     name : 'selectcompany',
     placeHolder : 'Select Company',
     width : '95%',
     id : 'selectcompany',
     value:'',
     valueField : 'idcompany',
     displayField : 'companyname',
     store:companyStoreName,
     getPicker: function() {
       if (!this.picker) {
        this.picker = new Ext.Picker({
         slots: [{
          align       : 'center',
          name        : this.name,
          valueField  : this.valueField,
          displayField: this.displayField,
          value       : this.getValue(),
          store       : this.store
         }],
         listeners: {
          change: this.onPickerChange,
          scope: this
         },
         doneButton: false;
        });
       }
       return this.picker;
      }
     
    }

[mitchellsimoens]

Should work. Have you tried it?

[djhanwar]

Button has removed but values are not selected how it will work
Using follwoing code
{
xtype : 'selectfield',
name : 'selectcompany',
placeHolder : 'Select Company',
width : '95%',
id : 'selectcompany',
value:'',
valueField : 'idcompany',
displayField : 'companyname',
store:companyStoreName,
getPicker: function() {
if (!this.picker) {
this.picker = new Ext.Picker({
slots: [{
align : 'center',
name : this.name,
valueField : this.valueField,
displayField: this.displayField,
value : this.getValue(),
store : this.store
}],
listeners: {
change: this.onPickerChange,
scope: this
},
doneButton: false,
cancelButton:false

});
}
return this.picker;
},
onPickerChange : function(picker, value) {
alert(value)
this.setValue(value);
this.fireEvent('change', this, this.getValue());

}


},

[manoveg]

Hi,

I am facing the same problem.
Can you please share how you solved it.

[swathi001]

// Hi i am using sencha touch 2.0 framework . I used select field in my project the thing is that i need to change the color of done and cancel button of the select field. But those picker buttons are not visible in browser but appearing in device. So how can i apply color to those two buttons.

[manoveg]

I did by giving config options to done and select button just like normal button and gave css property to it.

doneButton:{
                        text:'Fertig',
                        cls: 'pickerdonebutton'
                    },

and in css file

.pickerdonebutton
{
  background:#125f9b !important;
  color:#ffffff !important;
}