Selectize下拉不重疊的家長股利

Question

我想創建與jQuery，selectize和ExtJS的一個ExtJS的面板

在下拉但是，當我在下拉菜單點擊顯示面板內的項目的一半，我需要它重疊面板並顯示。

分機JS此面板的代碼是這樣

Ext.onReady(function() { 

Ext.create('Ext.Panel', { 
    renderTo: 'helloWorldPanel', 
    height: 200, 
    width: 600, 
    title: 'Hello world', 
    html: 'First Ext JS Hello World Program', 
    items: [{ 
     xtype: 'textfield', 
     fieldLabel: 'Rank', 
     fieldCls : 'js-rank', 
     listeners: { 
      render : function() { 

      }, 
      afterrender: function(){ 
       $('.js-rank').parent().removeClass("x-form-text-wrap x-form-text-wrap-default"); 

       $('.js-rank').removeClass("x-form-text x-form-text-default").select([{rank:'20',rankName:'20'}, 
        {rank:'30',rankName:'30'},{rank:'40',rankName:'40'}, 
        {rank:'50',rankName:'50'},{rank:'60',rankName:'60'},{rank:'70',rankName:'70'}]); 
      } 
     } 
    }], 

}); 

}）;

檢查元素低於

Answer 1

它工作時，我做了如下改變

$(jqueryObject).parents().removeClass('x-fieldset x-fieldset-body x-panel-body'); 
    $(jqueryObject).removeClass("x-form-text x-form-text-default"); 
    $(jqueryObject).parent().removeClass("x-form-text-wrap x-form-text-wrap-default"); 

我不知道刪除那些類是做