This is a migrated thread and some comments may be shown as answers.

Sort image (arrow) does not show up when using SortExpression

12 Answers 918 Views

Grid

This is a migrated thread and some comments may be shown as answers.

12 Answers, 1 is accepted

answered on 20 Sep 2012, 06:13 AM

Example.zip

Hello Amjad,

I am sending you a simple example, based on your code snippet. However everything works as expected. Please check it out and let me know what differs in your case. Looking forward for your reply.

All the best,
Radoslav
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

answered on 05 Aug 2013, 10:34 AM

Exact same problem - I've narrowed it down to the point where the arrow is showing as long as DataField and SortExpression are the same values. If they differ, the sort icon is not shown (sorting works fine though, it's just the icon missing).
I do all my sorting using JavaScipt:

function grdFiles_OnCommand(sender, eventArgs)

{

switch (eventArgs.get_commandName())

{

case "Sort":

RepositoryFolder.UpdateView();

break;

}

//cancel the command

eventArgs.set_cancel(true);

}

This is the RadGrid

<telerik:RadGrid runat="server" ID="grdFiles" AutoGenerateColumns="false"

Height="300" AllowMultiRowSelection="true" AllowSorting="true">

<MasterTableView BorderWidth="0" ClientDataKeyNames="Id,Name,Size,ChangeDate,AllowManage,IsStatement" GridLines="Horizontal">

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">

<HeaderStyle Width="32px" />

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="Id" UniqueName="Id" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridImageColumn DataType="System.String" DataImageUrlFields="Extension" DataImageUrlFormatString="~/App_Themes/Default/Images/FileTypes/{0}.gif" DataAlternateTextField="Extension" ImageAlign="Middle" HeaderText="">

<HeaderStyle Width="25px" />

</telerik:GridImageColumn>

<telerik:GridHyperLinkColumn DataTextFormatString="{0}"

DataNavigateUrlFields="Id" DataNavigateUrlFormatString="javascript:downloadFile("{0}");"

HeaderText="Name" DataTextField="Name" SortExpression="Name" UniqueName="Name">

<ItemStyle Wrap="false" />

</telerik:GridHyperLinkColumn>

<telerik:GridBoundColumn DataField="DisplaySize" HeaderText="Size" SortExpression="Size" UniqueName="DisplaySize" ShowSortIcon="True">

<HeaderStyle Width="80px" HorizontalAlign="Center"/>

<ItemStyle Wrap="false" HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="ChangeUser" HeaderText="Added By" SortExpression="ChangeUser" HeaderStyle-Width="120px" >

<ClientItemTemplate>

<span title="#= ChangeUserTooltip #">#= ChangeUser #</span>

</ClientItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="ChangeDate" HeaderText="Added On" SortExpression="DisplayChangeDate" UniqueName="ChangeDate">

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Wrap="false" HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AllowManage" UniqueName="AllowManage" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="IsStatement" UniqueName="IsStatement" Visible="false">

</telerik:GridBoundColumn>

</Columns>

<NoRecordsTemplate>

<div style="width: 100%; padding: 50px; text-align: center; color: #FF7A8793; font-style: italic;">(no files found)</div>

</NoRecordsTemplate>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnCommand="grdFiles_OnCommand" OnRowDblClick="function(sender,args) { RepositoryFile.FromRow(args).Download(); }" OnRowContextMenu="grdFiles_OnRowContextMenu" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True"></Scrolling>

<Resizing AllowColumnResize="false" AllowRowResize="false" ResizeGridOnColumnResize="false"

ClipCellContentOnResize="true" EnableRealTimeResize="false" AllowResizeToFit="true" />

</ClientSettings>

</telerik:RadGrid>

So for example - look at the "Size" column - it sorts AND shows the sorting image if written like this:

<telerik:GridBoundColumn DataField="Size" HeaderText="Size" SortExpression="Size" UniqueName="DisplaySize" ShowSortIcon="True">

<HeaderStyle Width="80px" HorizontalAlign="Center"/>

<ItemStyle Wrap="false" HorizontalAlign="Right" />

</telerik:GridBoundColumn>

but if I change the DataField, sorting still works, but the image disappears:

<telerik:GridBoundColumn DataField="DisplaySize" HeaderText="Size" SortExpression="Size" UniqueName="DisplaySize" ShowSortIcon="True">

<HeaderStyle Width="80px" HorizontalAlign="Center"/>

<ItemStyle Wrap="false" HorizontalAlign="Right" />

</telerik:GridBoundColumn>

My best guess is that somewhere in the JS behind, DataField and SortExpression are compared for value in order to show the sorting icon.
Thanks,
Vlad.