Grid column Sort Ascending event issue

  1. #1

    Grid column Sort Ascending event issue

    When I clicked on column Sort Ascending event then my server side event called after 2-3 seconds and then I can see event mask on screen.
    1. I don't know why it is happening
    2. Is there any event at client side where I can change mouse pointer to wait mode when clicked on Sort Ascending and after sorting done back to Default ?

    Client Side Code

     <DirectEvents>
                                <SortChange OnEvent="ColumnModel_SortChange">
                                    <ExtraParams>
                                        <ext:Parameter Name="columnId" Value="column.dataIndex" Mode="Raw" />
                                        <ext:Parameter Name="direction" Value="direction" Mode="Raw" />
                                    </ExtraParams>
                                    <EventMask ShowMask="true"></EventMask>
                                </SortChange>
    
                            </DirectEvents>
    Server Side Code

    protected void ColumnModel_SortChange(object sender, Ext.Net.DirectEventArgs e)
            {
                string a = e.ExtraParams["columnId"];
                string b = e.ExtraParams["direction"];
                if (SortColumnsChanged != null)
                {
                    this.extGrdBalances.SortedColumn = a;
                    ExtSortColumnsChanged(this, new ExtSortColumnsChangedEventArgs(a, b));
                }
                // Call the unload so that persist fields are saved to storage.
    
                OnUnload(new EventArgs());
            }
    Last edited by fabricio.murta; Mar 15, 2016 at 2:29 PM. Reason: Correctly close code blocks with [/code] tags
  2. #2
    Hello Striker!

    I think that the way you developed your server-side sort handler you are just performing local sort and then calling the remote sort handler.

    Take a look on this example, it is probably a good example of remote sorting: GridPanel's Paging and Sorting - Direct Method.

    As for changing your cursor to an hourglass, provided you want to do so while the mask is shown (and then you mask the area you want the hourglass is shown), you'd probably want to do this CSS override:

    .x-masked {
     cursor: 'wait'
    }
    I hope this helps!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] grid sort -- How to do both single & multi sort
    By susanz in forum 3.x Legacy Premium Help
    Replies: 6
    Last Post: Dec 11, 2015, 3:28 PM
  2. Replies: 0
    Last Post: Dec 03, 2015, 7:43 PM
  3. [CLOSED] Component Column - Combobox change event issue in IE 8
    By PriceRightHTML5team in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 08, 2014, 3:49 PM
  4. Replies: 8
    Last Post: Dec 21, 2012, 6:42 AM
  5. Replies: 4
    Last Post: Jul 25, 2011, 4:57 PM

Tags for this Thread

Posting Permissions