2011-03-11 15 views
23

En el archivo main.html, en el proyecto por defecto creado por Play!, hay esta línea:Juego marco: cómo utilizar "moreStyles" y "moreScripts"

#{get 'moreStyles' /} 

entiendo que si tengo que añadir más estilos, en mi opinión, la escritura, tengo que usar

#{set tag:'value' /} 

donde debería haber tagmoreStyles, pero parece worng para establecer el valor de la <link> etiqueta HTML. ¿Y qué sucede si la vista necesita agregar más estilos o scripts?

Gracias!

Respuesta

36

configura más estilos con:

#{set 'moreStyles'} 
     #{stylesheet 'main.css' /} 
#{/set} 

como guiones:

#{set 'moreScripts'} 
    #{script 'base64.js'/} 
#{/set} 
+0

casi se olvidó de esa pregunta. Encontré una solución similar en el grupo de usuarios, pero el '# {script}' y '# {stylesheet}' no se mencionaron. :) –

+1

Este ejemplo funciona, pero solo sirve para el caso simple. Si tiene intención de reutilizar este colocador y esperar que los resultados se combinen, consulte la otra respuesta con "simplemente usando el # conjunto ..." –

19

simplemente usando la etiqueta # {SET} se sobreponen a los valores anteriores.

es decir, si se emite

#{set 'moreStyles'}xxx#{/set} 

y luego

#{set 'moreStyles'}yyy#{/set} 

continuación

#{get 'moreStyles' /} 

sólo devolverá yyy

con el fin de lograr lo que quiere usted tiene a

etiqueta
#{set 'moreStyles'} 
    #{get 'moreStyles' /} 
    #{stylesheet 'main.css' /} 
#{/set} 

y luego el main.css hoja de estilo se añade al valor previo de morestyles

En una situación similar que terminó la creación de mi propia # {} addStyle

+0

, no tuve ese problema, pero gracias por compartir esto, si alguna vez entrar en este problema, sabré qué hacer. –

+0

Sólo un FYI, corté y pegué esto en mi código, pero todos los ejemplos de juego usan 'más estilos' en camel case y la variable set distingue mayúsculas de las minúsculas para que los 'morestyles' no funcionen. Una vez que me di cuenta de que este ejemplo funcionó a la perfección. – rancidfishbreath

+0

gracias, para el comentario, si no estás dependiendo de las muestras de juego el código anterior funcionará, pero para evitar confusiones lo editaré ... – opensas

3
#{set 'moreStyles'} 
<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/ui-lightness/jquery-ui.css" charset="${_response_encoding}"/> 
#{/set} 
#{set 'moreScripts'} 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript" charset="${_response_encoding}"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/i18n/jquery.ui.datepicker-zh-CN.js" type="text/javascript" charset="${_response_encoding}"></script> 
<script language="javascript"> 
    $(document).ready(function() { 
     $('.datepicker').datepicker(); 
    }); 
</script> 
#{/set} 
Cuestiones relacionadas