Ext.onReady(function() {
    var lc = new Ext.ux.form.LovCombo({
       id:'p_lovcombo2'                                 // name of combolist id
      ,renderTo:'lovcombo2Values'                       // name of inputfield
      ,hideOnSelect:false
      ,separator:';'
      ,width:200
      ,maxHeight:200
      ,emptyText:'-- none selected --'                                // translate empty value
      ,store:[                                          // list of values
         [0, 'All']
,[28417,'Delft']
,[28414,'Den Haag']
,[28419,'Hoogvliet']
,[28418,'Naaldwijk']
,[28421,'Nieuwerkerk a/d IJssel']
,[28420,'Nootdorp']
,[28415,'Rotterdam']
,[458641,'Wateringen']
,[28416,'Zoetermeer']
]
    ,triggerAction:'all'
    ,mode:'local'
    ,listeners:{
      'beforeselect': function(combo, record, index){
         var allowSelect = true;
         var myAllOption = combo.store.data.items[0].data;
         if((index != 0) && (myAllOption.checked == true)){
           allowSelect = false;
         }
         return allowSelect;
       },
      'select': function(combo, record, index){
         if((index == 0) && (record.data.checked == true)){
           combo.selectAll();
         }else if((index == 0) && (record.data.checked != true)){
           combo.deselectAll();
         }
       },
       change:function() {tf.setValue(this.getValue());}
     }
  });
  Ext.getCmp('p_lovcombo2').setValue(['']);         // values from database
  var tf = new Ext.form.Hidden({
     renderTo:'get2Ids'                                      // name of hidden combolist values div
    ,id:'p_p19'                                             // name of hidden inputfield
    ,value: ''                                                     // values from database
  });
});