手風琴式容器

Question

我想基於這裏看到的引導手風琴創建一個自定義DNN模塊容器DNN動態CSS類：http://getbootstrap.com/javascript/#collapse

這裏是我到目前爲止的代碼：

<%@ Control language="vb" AutoEventWireup="false" Explicit="True" 
Inherits="DotNetNuke.UI.Containers.Container" %> 
<%@ Register TagPrefix="dnn" TagName="TITLE" Src="~/Admin/Containers/Title.ascx" %> 
<%@ Register TagPrefix="dnn" TagName="VISIBILITY" Src="~/Admin/Containers/Visibility.ascx" %> 

<div class="panel-group" id="accordion"> 
<div class="panel panel-default"> 
<div class="panel-heading"> 
<h4 class="panel-title"> 
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
<dnn:TITLE runat="server" id="dnnTITLE" /> 
</a> 
</h4> 
</div> 
<div id="collapseOne" class="panel-collapse collapse"> 
<div class="panel-body" id="ContentPane" runat="server"> 
</div> 
</div> 
</div> 

它的工作原理沒問題，只要帶有這個容器的模塊每頁只使用一次，但我需要在一個頁面上使用多個模塊。我需要一種方法來讓它在模塊標題周圍的鏈接的href中以及在ContentPane div周圍的div的id中更改爲collapseTwo（等等）collapseOne。我對ASP.net來說很新，而且我不確定該怎麼做。

（我只想做我需要一個HTML臨模塊的內容中的所有手風琴，但我想這些手風琴內使用特殊的第三方模塊。）

感謝。

Answer 1

可以使用的moduleId

<div id="collapse<%=ModuleControl.ModuleContext.ModuleId%>" class="panel-collapse collapse"> 

Answer 2

而不是創建一個自定義模塊，你可以考慮用2Sexy內容模塊這樣做。這是一個幾乎完美的選擇，您可以使用模板中的ModuleID來區分副本。