2012-02-02 60 views
0

請讓我知道如何將圖像靜態圖像與Telerik Grid for ASP.NET MVC中的所有行綁定。如何在Telerik Grid for ASP.NET MVC中綁定圖像

<%= Html.Telerik().Grid(Model.SearchResponse) 
       .Name("SearchGrid") 
       .Columns(columns => 
        { 
         //Here i need to bind a static image column// 

         columns.Bound(grid => grid.Name); 
         columns.Bound(grid => grid.CaseNumber); 
        }) 
        .Pageable(true) 
    %> 
+0

可能重複的[如何結合在MVC Telerik的radgrid控件一個圖片柱](http://stackoverflow.com/questions/9098436/how-to-bind-a-image-column-in-mvc- telerik-radgrid) – nemesv 2012-02-02 08:42:07

回答

1

這可能是通過增加另一個模板列到您的收藏:

使用ASPX

columns.Template(c => { 
%><img alt="Static Image Alt Text" src="<%= Url.Content("~/myImage.jpg") %>" 
/><% 
}).Title("Static Image"); 

使用剃刀

columns.Template(
    @<text> 
    <img alt="Static Image Alt Text" src="@Url.Content("~/myImage.jpg") " /> 
    </text> 
).Title("Static Image"); 

更新:如果你想從你的模型綁定圖片,請參考下面的例子:

columns.Template(c => { 
%> 
<img 
alt="<%= c.CustomerID %>" 
src="<%= Url.Content("~/" + c.CustomerID + ".jpg") %>" 
/> 
<% 
}); 

或者,如果您正在使用的客戶端模板,請嘗試以下操作:

.Columns(columns => 
{ 
columns.Bound(c => c.CustomerID) 
.ClientTemplate("<img alt='<#= CustomerID #>' src='" 
+ Url.Content("~/") 
+ "<#= CustomerID #>.jpg' />") 
.Title("Picture"); 
//omitted for brevity 
} 
+0

嗨,尼克,謝謝你的回覆。 – LovingMVC 2012-02-02 10:35:45

+0

@ArunGupta你需要這個問題的更多幫助嗎? – Nick 2012-02-02 11:17:29

+0

嘿,尼克,感謝您的回覆,但我仍然面臨圖像綁定的問題,因爲我使用的是局部視圖,而且我正在將本地機器中的圖像路徑放到那個時候,它的錯誤就像無效參數一樣。你可以請發佈一個工作代碼,它與MVC ASPX引擎的任何圖像綁定。 – LovingMVC 2012-02-02 11:48:54

0

這樣我們可以將圖像與每一行進行綁定。 我們也可以添加這些圖片的動作。

columns.Command(commands => commands.Custom("View").ButtonType(GridButtonType.BareImage) 
相關問題