or
| <div class="equipSalesGrid"> |
| <asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="Web4.App_code.WebSiteContentDataContext" |
| Select="new (ShortDescription, EquipmentId, ThumbNailURL)" TableName="EquipmentSales"> |
| </asp:LinqDataSource> |
| <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AutoGenerateColumns="False" |
| DataSourceID="LinqDataSource1" GridLines="None" Skin="Black" Width="260px" PageSize="4" |
| MasterTableView-DataKeyNames="EquipmentId" OnSelectedIndexChanged="RadGrid1_SelectedIndexChanged"> |
| <HeaderContextMenu> |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| </HeaderContextMenu> |
| <MasterTableView DataSourceID="LinqDataSource1"> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px" /> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| <HeaderStyle Width="20px" /> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn DataField="EquipmentId" DataType="System.Int32" Display="False" |
| ReadOnly="True" UniqueName="column2"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="ShortDescription" HeaderText="Item" ReadOnly="True" |
| SortExpression="ShortDescription" UniqueName="column"> |
| </telerik:GridBoundColumn> |
| <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="Image"> |
| <ItemTemplate> |
| <asp:Image ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ThumbnailURL").ToString().Trim()%>' |
| ID="GridImage" runat="server" Height="100px" Width="100px" /> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| </Columns> |
| </MasterTableView> |
| <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True"> |
| <Selecting AllowRowSelect="true" /> |
| </ClientSettings> |
| <FilterMenu> |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| </FilterMenu> |
| </telerik:RadGrid> |
| </div> |
function Grid_Command(sender, args) {
args.set_cancel(
true);/
args.get_commandName(), args.get_commandArgument());
//Do Sorting with JQuery
}
1. How do I know the sorting mode in client side (asc, desc or no sort..)?
2. Also I want to display custom sort image next to the coumn header. How do I do that?
Thanks
[ToolboxData("<{0}:RadComboBoxEx runat='server'></{0}:RadComboBoxEx>")]public class RadComboBoxEx : RadComboBox{ public RadComboBoxEx() : base() { //this.DisabledStyle.BackColor = System.Drawing.Color.White; //this.DisabledStyle.ForeColor = System.Drawing.Color.LightGray; this.Init += new EventHandler(RadComboBoxEx_Init); } void RadComboBoxEx_Init(object sender, EventArgs e) { SetDisabledStyle(this.Controls); } private void SetDisabledStyle(ControlCollection controlCollection) { foreach(Control control in controlCollection) { if ( control is RadInputControl ) { RadInputControl input = (RadInputControl)control; input.DisabledStyle.BackColor = System.Drawing.Color.White; input.DisabledStyle.ForeColor = System.Drawing.Color.LightGray; } else { SetDisabledStyle(control.Controls); } } }
