2014-03-25 34 views
0

我有一套列表項目,我正在使用,需要鏈接和http回發給控制器。我必須對它們做一些自定義的樣式,只是不確定處理它的最佳方式。這是我有:列表項目和MVC4樣式

<ul data-role="listview" class="listItems"> 
    @foreach (var item in Model.shares) 
    {    
     <li class="outerListItem"> 
      <div class="accountLI">@item.description</div> 
      <div class="currentLI">@item.Num1</div> 
      <div class="availableLI">@item.num2</div> 
     </li>    
    }   
</ul> 

通常我會用@ Html.ActionLink(文字,動作,控制器),但我需要的3「列」進行格式化。

謝謝!

回答

0

@Html.ActionLink有一個重載可以接受HTML屬性,在最後的鏈接標籤被注入,請看下面的例子:

@Html.ActionLink(text, action, controller,new {@class="MyClass")} 

前行應該呈現一個錨,有一類稱爲MyClass的像下面

<a href="LINK_URL" class="MyClass">text</a> 

注意,如果你需要提供任何額外的HTML5般的數據屬性(數據歲),你將需要用下劃線替換短劃線和剃刀引擎(引擎負責繪製的最終的HTML在ASP.NET MVC框架中)應該理解它。

請看下面的例子

@Html.ActionLink(text, action, controller,new {@class="MyClass", data_age=33)} 

,這會使得這樣一個錨:

<a href="LINK_URL" class="MyClass" data-age="33">text</a> 
+0

這將工作,如果我只有一個div元素,但我有3 – Loganj99

+0

可以蒸發更多對此,我不能在這裏得到真正的問題,我都在傾聽。 –

+0

因此,在每個列表項中,我都有3個div,它們被分隔開以填充屏幕。我希望能夠保持這種間距和樣式,並能夠點擊列表項目。 – Loganj99