2012-04-07 38 views
2

我的ASP MVC項目中有一個telerik網格。大多數列都綁定到來自數據庫的數據,但是一列需要包含依賴於列記錄值的圖像圖標。爲此,我使用包含IF ELSE的列模板。 IF ELSE根據列記錄的值,用特定的圖像引用(具有背景圖像的css類)寫入html。這項工作非常有效。但只要我在網格上進行排序,所有在模板列中呈現的html都會丟失。下面的代碼。有沒有辦法做到這一點,還是我不得不重新考慮如何做一個排序?Telerik MVC網格在排序時丟失了呈現的html

<div id="gridArea" > 

    @{Html.Telerik().Grid(@Model) 
     .Name("Grid") 
     .Columns(columns => 
      { columns.Template(
       @<text> 
        @if (@item.Q1 == "On Plan") 
        {<div class="scorecardSymbol onPlanSymbol"></div>} 
        else if (@item.Q1 == "Off Plan") 
        {<div class="scorecardSymbol offPlanSymbol"></div>} 
        else if (@item.Q1 == "Serious Constraints") 
        {<div class="scorecardSymbol seriousConstraintsSymbol"></div>} 
        else if (@item.Q1 == "Not Started") 
        {<div class="scorecardSymbol notStartedSymbol"></div>} 
        else 
        {<span>NA</span> } 
       </text>) 

       .HeaderTemplate(
        @<text> 
         <span style="color:red">Quarter Status</span> 
        </text>) 
       .Width(175); 
      columns.Bound("Off_Plan").Width(100).Title("Off Plan"); 
      }) 
     .DataBinding(dataBinding => 
     { 
      dataBinding.Server().Select("Index", "Home", new { ajax = true }); 
      dataBinding.Ajax().Select("_FirstLook", "Home").Enabled(true); 
      }) 
     .Render(); 
    } 
</div> 

回答