Here’s an example Artem Tikhomirov posted on the discussion group of using macros and a few service globals to create a nice little ability to easily register items in the html <head> without duplication. I thought it was remarkable how it demonstrates several different features of the language, and is also a very practical application that boils down to the ability to add stylesheets with a statement as small as ${css("jQuery/clockpick.1.2.4", "jQuery/datepicker/ui.datepicker")}.
From: “Артём Тихомиров”
Subject: Re: [Spark View Engine] #74: Add an attribute to declare a “just once” flag
I’ve ended up with following solution.
In Shared/_global.spark:
<!-- Service globals - do not use directly -->
<global __CssReferences="new OrderedSet[[string]]()" type="ISet[[string]]"/>
<global __JsReferences="new OrderedSet[[string]]()" type="ISet[[string]]"/>
<global __OnReadyStatements="new List[[string]]()" type="IList[[string]]"/>
<!-- End of service globals declaration -->
<macro name="WriteJsReferencesDown">
<for each="var fileName in __JsReferences">
<script type="text/javascript" src="~/Content/${fileName}.js"></script>
</for>
</macro>
<macro name="WriteCssReferencesDown">
<for each="var file in __CssReferences">
<link rel="stylesheet" type="text/css"
href="~/Content/${file}.css"/>
</for>
</macro>
<macro name="WriteOnReadyStatements">
<script type="text/javascript" if="__OnReadyStatements.Count > 0">
jQuery(document).ready(
function() {
<for each="var statement in __OnReadyStatements">
${statement}
</for>
}
);
</script>
</macro>
<macro name="css" files="params string[]">
<for each="var file in files">
# __CssReferences.Add(file);
</for>
</macro>
<macro name="jQuery" additionalFiles="params string[]">
# __JsReferences.Add("jQuery/jquery-1.2.6.min");
<for each="var file in additionalFiles">
# __JsReferences.Add("jQuery/" + file);
</for>
</macro>
<macro name="js" additionalFiles="params string[]">
<for each="var file in additionalFiles">
# __JsReferences.Add(file);
</for>
</macro>
<macro name="onReady" jsText="string">
# if(!System.String.IsNullOrEmpty(jsText.Trim()))
# __OnReadyStatements.Add(jsText);
</macro>
In Shared/Application.spark:
<html>
<head>
<title></title>
<use content="pageHead" />
${WriteCssReferencesDown()}
${WriteJsReferencesDown()}
${WriteOnReadyStatements()}
</head>
<body>
</body>
</html>
In any *.spark file using default master-layout:
${css("jQuery/clockpick.1.2.4", "jQuery/datepicker/ui.datepicker")}
${jQuery("jquery-ui-1.6b.min", "i18n/ui.datepicker-ru", "jquery.clockpick.1.2.4.min")}
Recent Comments