ExtJS滑塊在視圖上不可見

我對包含少量控件的視圖有看法。所有的控件都是可見的，而滑塊根本不可見。我已經看到here的例子，但它不起作用。有人能指出我缺少的配置嗎？ExtJS滑塊在視圖上不可見

Ext.define('KPS.view.LaunchPageMain', { 
    extend: 'Ext.window.Window', 
    requires: ['Ext.slider.Single'], 
    alias: 'widget.launchpagemain', 
    layout: 'fit', 
    maximized: true, 
    height: 500, 
    width: 500, 
    title: 'KPS', 
    modal: true, 
    draggable: false, 
    tools: [{ 
     xtype: 'sliderfield',//slider is also not working. 
     width: 200, 
     value: 3, 
     increment: 1, 
     minValue: 1, 
     maxValue: 5 
    }, { 
     xtype: 'button', 
     itemId: 'btnUserType', 
     text: 'User Roles', 
     menu: { 
      xtype: 'menu', 
      showSeparator: false, 
      items: [{ 
       xtype: 'checkboxgroup', 
       columns: 1, 
       itemId: 'selectionUserTypes', 
       vertical: true, 
       items: [{ 
        boxLabel: 'User', 
        name: 'userSelection', 
        inputValue: 'U' 
       }, { 
        boxLabel: 'Admin', 
        name: 'userSelection', 
        inputValue: 'A' 
       }, { 
        boxLabel: 'Super Admin', 
        name: 'userSelection', 
        inputValue: 'S' 
       }] 
      }] 
     } 
    }, { 
     xtype: 'button', 
     itemId: 'btnLogout', 
     text: 'Logout' 
    }], 
    items: [{ 
    xtype: 'contentView' 
}] 
});

來源

2014-09-04 user1640256

給它工作的人。問題是我正在使用自定義主題。有了這個主題，它是不可見的。使用默認的主題，它只是工作正常。我應該早點檢查一下。 – user1640256 2014-09-04 14:40:17

由於這個問題也發生在我身上，我會添加一些細節。

在帶有滑塊的全新ExtJS 4應用程序中，滑塊不顯示（不可見）。它只會在構建應用程序後出現（sencha app build）。它與CSS有關。

構建應用程序後，bootstrap.css更改CSS的源，之後，滑塊呈現正確。

第一版本（bootstrap.css）之前： @import 'ext/packages/ext-theme-classic/build/resources/ext-theme-classic-all.css';

第一版本（bootstrap.css）後： @import 'build/production/Slider/resources/Slider-all.css';

的解決方案是構建應用程序。

來源

2015-05-03 00:19:08 jgrocha

您的sencha應用程序構建提示修復了我的問題！謝謝。 – 2015-07-20 02:12:38

ExtJS滑塊在視圖上不可見

回答

相關問題