Umbraco 模板问题答案

【问题标题】：Umbraco template issuesUmbraco 模板问题
【发布时间】：2010-08-29 15:35:55
【问题描述】：

大家好，Umbraco 用户，

我目前正在构建我的第一个 umbraco 网站，由于我对 umbraco 完全陌生，所以我已经遇到了一个问题，我确信这很简单。

也就是说，在构建在（开源）CMS 上运行的网站时，我绝不是初学者，因为我一直在使用 Joomla！因为它被称为曼波。

不管怎样，我正在建设的网站在这里：my site

我想要做的是在白框中放置一些内容，当您将鼠标悬停/悬停在其中一个菜单项时会发生变化。此外，当您单击链接时，该内容必须保持“活动”（即，如果您单击“配置文件”，我需要用灰色突出显示配置文件菜单项，并且白框内容需要是相关的到配置文件菜单项。

我该怎么做？在网站上显示多个内容时，最佳做法是什么？我看过有关多个内容占位符的视频，但我从未真正让它发挥作用。我无法在 NavigationPlaceHolder（我放入白框中的占位符）中显示页面，但那是因为实际页面是 Frontpage.aspx 而不是 WhatIsInThenavigationPlaceHolder.aspx。如果我访问 mysite.dk/WhateverIsInTheNavigationPlaceHolder.aspx，它会显示得很好。

我在这里错过了什么？ :)

提前致谢！如果我的问题在某些方面不清楚，请告诉我，我会尽力解释得更好。

一切顺利，

博

【问题讨论】：

标签： asp.net templates umbraco

【解决方案1】：

看到您的实现，您的要求有点令人困惑，但这里是我可能会做的一个镜头：

与其尝试通过模板系统执行此操作，我很确定您希望创建一个用户控件以添加到您的页面模板中。（将其作为宏添加到模板中。）我将在此处使用 XSLT 控件作为基本输出：

<xsl:variable name="subContentNodes" select="$currentPage/node[@nodeTypeAlias='yourContentNodeType']">

<ul id="content-items-nav">
    <xsl:for-each select="$subContentNodes">
        <li><a href="#subnode-{@id}"><xsl:value-of select="data[@alias='pageBody']" disable-output-escaping="yes" /></a></li>
    </xsl:for-each>
</ul>

后来

<div id="content-items">
    <xsl:for-each select="$subContentNodes">
        <div id="subnode-{@id}"><xsl:value-of select="data[@alias='pageBody']" disable-output-escaping="yes" /></div>
    </xsl:for-each>
</div>

看起来你已经在你的页面上包含了 jQuery，所以我会添加一个脚本来处理点击：

$("#content-items-nav a").bind("click", function(e) {
    e.preventDefault();
    var contentDiv = $(this).attr('href');
    $("#content-items div").hide();
    $(contentDiv).show();
    $(this).addClass("active");
});

希望对您有所帮助。我发现 umbraco 有一个相当长的学习曲线，但是当你进入它时它会非常强大。

（注意：我没有对任何代码进行语法检查）

【讨论】：