or
<rad:RadGrid ID="myRadGrid" runat="server"> <MasterTableView CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="false"> </MasterTableView></rad:RadGrid><div id="allNewsTop" class="allNews"> <div id="newsDiv1" class="newsItem" runat="server"> <asp:Image ID="Image1" runat="server" /> <br /> <asp:HyperLink ID="HyperLink1" runat="server"></asp:HyperLink> <p id="desc1" runat="server"></p> </div> <div id="newsDiv2" class="newsItem" runat="server"> <asp:Image ID="Image2" runat="server" /> <br /> <asp:HyperLink ID="HyperLink2" runat="server"></asp:HyperLink> <p id="desc2" runat="server"></p> </div> <div id="newsDiv3" class="newsItem" runat="server"> <asp:Image ID="Image3" runat="server" /> <br /> <asp:HyperLink ID="HyperLink3" runat="server"></asp:HyperLink> <p id="desc3" runat="server"></p> </div></div><div id="allNewsBottom" class="allNews"> <div id="newsDiv4" class="newsItem" runat="server"> <asp:Image ID="Image4" runat="server" /> <br /> <asp:HyperLink ID="HyperLink4" runat="server"></asp:HyperLink> <p id="desc4" runat="server"></p> </div> <div id="newsDiv5" class="newsItem" runat="server"> <asp:Image ID="Image5" runat="server" /> <br /> <asp:HyperLink ID="HyperLink5" runat="server"></asp:HyperLink> <p id="desc5" runat="server"></p> </div> <div id="newsDiv6" class="newsItem" runat="server"> <asp:Image ID="Image6" runat="server" /> <br /> <asp:HyperLink ID="HyperLink6" runat="server"></asp:HyperLink> <p id="desc6" runat="server"></p> </div></div>.newsItem{ width:220px; height:225px; float:left; margin-left:5px; margin-top:5px; border: 1px solid white; padding-left:5px;}.allNews{ padding-left:8px; }.searchLists{ width:689px; height:50px; margin-left:13px;}#sourceSearch{ width:335px; padding-left:5px; float:left; padding-top:2px;}#teamSearch{ width:335px; padding-left:5px; padding-top:2px; float:right;}.newsItem img{ padding-left:10px; padding-top:10px; padding-bottom:10px; width:130px; height:70px;}.newsItem a{ padding-bottom:10px; padding-right:5px;}.newsItem p{ padding-right:5px;}columns.Template(
@<text>
<img alt="@item.CountryIcon" style='width:30px;height:auto' src="@Url.Content("http://url.com/" + item.CountryIcon) "/>
</text>).Title(
"Icon_2").Width(30);
columns.Bound(b => b.CountryIcon)
.ClientTemplate(
" <img alt='<#= CountryIcon #>' style='width:30px;height:auto' src=" + Url.Content("http://url.com/") + "<#= CountryIcon #> />")
.Title(
"Icon").Width(30);
The problem with the client template code is that the image is not shown on page load and only after the Ajax call is made.