Skip to main content
 首页 » 编程设计

c#之在 C# MVC 中使用 Accordion 进行循环

2024年06月20日19leader

我正在使用 Twitter bootstrap 的 Accordion 代码,然后我打算在其中切换他们的代码。

在我的项目中,我将采用以下结构:

Main 2 
 - Sub 1 
 - Sub 2 
 - Sub 3 
Main 1 
- Sub 1 
- Sub 2 
- Sub 3 

而这些是根据某个数据库中的数量增加的(例如有4个,它将上升到Main 4) Sub1,Sub2,Sub3.... 是其他 Accordion ,所以我必须有一个外 Accordion 和内 Accordion

我正在尝试使用这段代码:

    @for (int j = 1; j < number; j++ ) 
{  
<div class="panel-group" id="accordion@j"> 
 
    <div class="panel-group" id="accordion"> 
        <div class="panel panel-default"> 
            <div class="panel-heading"> 
                <h4 class="panel-title"> 
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">@j. What is HTML?</a> 
                </h4> 
            </div> 
            <div id="collapseOne" class="panel-collapse collapse in"> 
                <div class="panel-body"> 
                    @j 
                </div> 
            </div> 
        </div> 
    </div> 
 </div> 
 
} 

number 是我的数据库中的数字

虽然这不起作用。 Accordion 不起作用,而是只给了我 2 个打开的 div。 @j 相应地改变了数字

知道我能做什么吗?

请您参考如下方法:

替换

id="accordion@j"> 

id="@("accordion" + j)"