While working on telerik grid , I found a peculiar issue in Internet Explorer(IE) browsers. The issue is that on the column bound HeaderTemplate if you are providing a link for sorting purpose and if you used a label inside the link then the link will not work in IE but will work for all other browsers.
Solution: So, while providing the link text for sorting the grid on that column, just be care full that u must not used any label for that link. See below:
The code below will not work:
column.Bound(m => m.Name).Template(
@<text>
<a target="_blank" href="@item.Url">@item.Name</a>
</text>) .HeaderTemplate(
@<text><a href="javascript:void(0)" class="t-link"> <label>Name<label> </a> ---> This will not work
</text>);
The code below will work:
column.Bound(m => m.Name).Template(
@<text>
<a target="_blank" href="@item.Url">@item.Name</a>
</text>) .HeaderTemplate(
@<text><a href="javascript:void(0)" class="t-link"> Name </a> ---> This will work.
</text>);
Enjoy!.......
Solution: So, while providing the link text for sorting the grid on that column, just be care full that u must not used any label for that link. See below:
The code below will not work:
column.Bound(m => m.Name).Template(
@<text>
<a target="_blank" href="@item.Url">@item.Name</a>
</text>) .HeaderTemplate(
@<text><a href="javascript:void(0)" class="t-link"> <label>Name<label> </a> ---> This will not work
</text>);
The code below will work:
column.Bound(m => m.Name).Template(
@<text>
<a target="_blank" href="@item.Url">@item.Name</a>
</text>) .HeaderTemplate(
@<text><a href="javascript:void(0)" class="t-link"> Name </a> ---> This will work.
</text>);
Enjoy!.......
No comments:
Post a Comment