Extjs 4.2 Tema de compilación con brújula -- extjs campo con themes campo con extjs4.2 camp Relacionados El problema

ExtJs 4.2 compiling theme using compass


1
vote

problema

Español

Según la documentación de Sencha que crea y compilando nuevos temas se debe hacer usando Sencha CMD.

Me gustaría crear un nuevo tema (que heredará de uno existente) y poder compilarlo usando la brújula sin sencha cmd.

¿Alguna idea de cómo hacerlo?

Original en ingles

According to Sencha's documentation creating and compiling new themes should be done using Sencha CMD.

I'd like to create a new theme (which will inherit from an existing one) and to be able to compile it using Compass without Sencha CMD.

Any idea how to do so?

        

Lista de respuestas

1
 
vote

Si desea crear un nuevo tema desde cero, eso sería un poco abrumador probablemente y recomendaría tratar de extender primero un tema existente. Básicamente, un tema consta de dos partes grandes: plantillas CSS y anulaciones de JavaScript; CSS a su vez se divide entre el código de SASS, las mezclas y las variables.

Ahí está la Guía temática que discuta el tema edificio para 4.2; Para los ejemplos de herencia, puede echar un vistazo a los temas existentes: por ejemplo, el tema gris que extiende el tema clásico, que a su vez hereda del tema neutral, que tiene un tema base como padre. Neptuno también puede darle muchos ejemplos de anulación de javascript, también.

 

If you want to create a new theme from scratch, that would be a bit overwhelming probably and I'd recommend trying to extend an existing theme first. Basically, a theme consists of two large parts: CSS templates and JavaScript overrides; CSS in turn is split between SASS code, mixins and variables.

There's the Theming guide that discuss theme building for 4.2; for inheritance examples you can take a look at existing themes: e.g., gray theme which extends classic theme, which in turn inherits from neutral theme, which has base theme as a parent. Neptune can give you lots of JavaScript override examples, too.

 
 
         
         
0
 
vote

Hemos tenido el tema en nuestra aplicación para el último ext 4 se lanzó sin la herramienta de comando de Sencha. Tenga en cuenta que esto es 4.1 Código y puede haber cambiado desde 4.2. Debe instalarse Ruby / Compass y crear un archivo de configuración para la brújula que le indique que cargue las variables específicas del EXT y puede configurar las variables de configuración del brújula. http://compass-style.org/help/tutorials/configuration-reference/

Aquí hay un archivo de configuración de muestra llamado CONFIG.RB (creo que debe denominarse config.rb, pero no me cita). Esto se toma de extdir / recursos / sass

  # $ext_path: This should be the path of where the ExtJS SDK is installed # Generally this will be in a lib/extjs folder in your applications root # <root>/lib/extjs $ext_path = "../extjs/4.1"  # sass_path: the directory your Sass files are in. THIS file should also be in the Sass folder sass_path = File.dirname(__FILE__)  # css_path: the directory you want your CSS files to be. # Generally this is a folder in the parent directory of your Sass files css_path = File.join(sass_path, "css")  # We need to load in the Ext4 themes folder, which includes all it's default styling, images, variables and mixins load File.join(File.dirname(__FILE__), $ext_path, 'resources', 'themes')  #Compass config variable relative_assets = true   

Aquí está la estructura dir

  • sass / config.rb
  • sass / redtheme.sass
  • sass / css

El RedTheMe.Sass podría parecer algo así:

  $base-color: red;  @import 'compass'; @import 'ext4/default/all';   

Después de una compilación de brújula en el directorio SASS, creará REDTHEME.CSSS

  • sass / css / redtheme.css
 

We have had theming in our application for last Ext 4 was released without the sencha command tool. Keep in mind this is 4.1 code and it may have have changed since 4.2. You need to have ruby/compass installed and create a config file for compass that will tell it to load ext specific variables and you can set compass configuration variables. http://compass-style.org/help/tutorials/configuration-reference/

Here is a sample config file named config.rb (I think it needs to be named config.rb but don't quote me.) This is taken from extDir/resources/sass

# $ext_path: This should be the path of where the ExtJS SDK is installed # Generally this will be in a lib/extjs folder in your applications root # <root>/lib/extjs $ext_path = "../extjs/4.1"  # sass_path: the directory your Sass files are in. THIS file should also be in the Sass folder sass_path = File.dirname(__FILE__)  # css_path: the directory you want your CSS files to be. # Generally this is a folder in the parent directory of your Sass files css_path = File.join(sass_path, "css")  # We need to load in the Ext4 themes folder, which includes all it's default styling, images, variables and mixins load File.join(File.dirname(__FILE__), $ext_path, 'resources', 'themes')  #Compass config variable relative_assets = true 

Here is the dir structure

  • sass/config.rb
  • sass/redTheme.sass
  • sass/css

The redTheme.sass might look something like:

$base-color: red;  @import 'compass'; @import 'ext4/default/all'; 

After a compass compile in the sass directory it will create redTheme.css

  • sass/css/redTheme.css
 
 
     
     

Relacionados problema

2  ¿Cómo revisar todas las casillas de verificación en el grupo de casillas de verificación en EXTJS?  ( How to check all the checkboxes in checkbox group in extjs ) 
Tengo un grupo de casillas de verificación con las casillas de verificación de Somany en él. Quiero revisar todos ellos una vez cuando un botón hizo clic. Est...

4  Filtra los datos de una cuadrícula utilizando un valor seleccionado en el cuadro combinado  ( Filter a grids data using a selected value in combo box ) 
Tengo una cuadrícula y una caja combinada en un panel. Estaba tratando de filtrar los datos en la cuadrícula en función de la selección realizada en el cuadro...

1  grid.getcolumnagerager (). GetColumns () no le da la columna de los padres en la cuadrícula ext JS  ( Grid getcolumnmanager getcolumns is not giving parent column in ext js grid ) 
Tengo cuadrícula que tiene columnas agrupadas. Algunos de mi código es el siguiente: Ext.require([ 'Ext.grid.*', 'Ext.ux.grid.FiltersFeature', 'Ext.ux....

1  ¿Por qué puedo usar la matriz de controladores en un controlador?  ( Why am i able to use the controllers array in a controller ) 
Estoy jugando con extujs4.2. Agregué una matriz 3 47 a un controlador simple (no, no estoy heredando la aplicación FOM) y todos se cargan (pero no se inicia...

0  Extjs - Renderer para tienda remota ComboBox en el editor de la cuadrícula  ( Extjs renderer for remote store combobox in grid editor ) 
Sé que esto se ha preguntado en algún lugar una y otra vez, pero no puedo encontrar una respuesta sólida como estándar para este tipo de problema. Tantos ha...

0  Tamaño fijo de Combobox con GrowTolongestValue para la lista de contenido  ( Combobox fixed size with growtolongestvalue for content list ) 
Quiero mantener el campo pequeño (ancho máximo fijo), pero obtenga el contenido de la lista crecer al valor más largo cuando se muestre el desplegable. ¿Hay a...

0  ¿Cómo hacen que todos los EXTJS WEDGIT RTL?  ( How make all extjs wedgit rtl ) 
Actualmente tengo que configurar rtl=ture en todos los widgets que no tienen padres RTL. ¿Cómo puedo configurar rtl=ture para todos los widgets? ...

6  Carga de archivos en extjs 4.2 sin form.submit ()  ( File upload in extjs 4 2 without form submit ) 
Estoy tratando de cargar un archivo (a partir de ahora de cualquier extensión) en EXTJS. Tengo un modelo y una tienda. La carga del archivo ocurre desde una v...

2  ¿Cómo puedo obtener el contenido de archivo de UploadFileField?  ( How can i get the file content from uploadfilefield ) 
Estoy tratando de obtener el contenido de archivo de uploadfilefield usando extjs4 , pero no sepa cómo? Tengo este código para uploadfilefield : test...

0  Proporcionar el selector de fecha DIFERENTE valor predeterminado que el valor de Fecha de campo?  ( Give date picker different default value than datefield value ) 
Estoy trabajando en EXTJS 4.2 y he encontrado un problema con respecto a Datefield. Me gustaría configurar el valor predeterminado del campo en una fecha espe...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos