2016-05-17 54 views
0

以前創建手風琴控制我用這段代碼:設置數據家長和動態HREF在for循環

   <div class="panel-group" id="accordionMessagesSetup"> 
        <div class="panel panel-default"> 
         <div class="panel-heading"> 
          <h4 class="panel-title"> 
           <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionMessagesSetup" href="#collapseMessagesSetup"> 
            <span class="glyphicon glyphicon-chevron-up"></span> 
            Message Setup 
           </a> 
          </h4> 
         </div> 
         <div id="collapseMessagesSetup" class="panel-collapse collapse in"> 
          <div> 
           <p style="background-color: red"> Someting ELSE in here</p> 
           <p style="background-color: red"> Someting ELSE2 in here</p> 
          </div> 
         </div> 
        </div> 
       </div> 

或在這裏看到:Bootplay Live Demo

現在我還是想使用我的例子,但在這個頁面我有一個for-each循環,所以我需要在運行時創建這些。

我需要把變量有在爲了這個工作的項目是

id="accordionMessagesSetup" 
data-parent="#accordionMessagesSetup" 
href="#collapseMessagesSetup" 
id="collapseMessagesSetup" 

我怎麼能初始化那些在for-each循環使用剃刀的模式? 想象一下你有什麼樣的屬性可以在模型中做到。

+0

id = @ Model.PrimaryKeyFieldForExample ..我更困惑的是當有那個「#」,不知道該怎麼做 – Bohn

+1

'id ='@ String.Format(「#{0}」,Model .PrimaryKeyFieldForExample)「應該可以工作 – CodeNotFound

回答

1

您可能碰到的最大問題是Razor解析。當您嘗試在某些文本中間使用Razor變量時,通常Razor無法確定變量名稱結束的位置。例如,如果你做一些事情,如:

<div id="[email protected]"> 

剃刀認爲它需要尋找名爲IdMessageSetup模型的時候,居然,你只是想Id的屬性。解決這個問題的最簡單方法是將變量包含在pamentalhesis中:

<div id="[email protected](Model.Id)MessageSetup"> 

現在,很清楚哪個部分是變量。至於添加#符號,我不確定混淆是什麼。你只是把它放在需要去的地方:

<a href="#[email protected](Model.Id)MessagesSetup"> 

沒什麼特別的要求。