播放框架：如何使用“moreStyles”和“moreScripts”

Question

在文件main.html ，在Play创建的默认项目中！ ，有这条线：

#{get 'moreStyles' /}

我明白如果我需要添加更多样式，在我的视图脚本中，我必须使用

#{set tag:'value' /}

其中tag应该是moreStyles ，但似乎要将值设置为完整的HTML <link>标记。 如果视图需要添加更多样式或脚本会发生什么？

谢谢！

Answer 1

你设置了更多样式：

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

像脚本：

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

Answer 2

只需使用＃{set}标记就会覆盖以前的值。

那就是你发出的

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

然后

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

然后

#{get 'moreStyles' /}

只会回归yyy

为了实现你想要的东西

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

然后样式表main.css将被添加到morestyles的先前值

在类似的情况下，我最终创建了自己的＃{addStyle}标签

Answer 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}