Results 1 to 2 of 2

Thread: Sorting removes specified events

  1. #1

    Default Sorting removes specified events

    I have a datagrid with some custom renderers:

    Code:
    function renderShowViews(value, p, record) {
                return value ? String.format('<a class="viewed" href="/showViewed/{0}">{1}</a>', record.data.eventId, value) : value;
            }
    
            function renderPassed(value, p, record) {
                return value ? String.format('<a class="passed" href="/viewPasses/{0}">{1}</a>', record.data.eventId, value) : value;
    
            }
    
            function renderIndications(value, p, record) {
                return value ? String.format('<a class="indications" href="/viewIndications/{0}?product={1}">{2}</a>', record.data.id, record.data.product, value) : value;
    
            }
    On the data store I have the following listeners:

    Code:
    listeners: {
                        load: function(store, records, options) {
                            $(".viewed").colorbox();
                            $(".passed").colorbox({width:"75%",opacity:"0.7"});
                            $(".indications").colorbox({width:"75%",opacity:"0.7"});
                        },
                        datachanged: function(store) {
                            $(".viewed").colorbox();
                            $(".passed").colorbox({width:"75%",opacity:"0.7"});
                            $(".indications").colorbox({width:"75%",opacity:"0.7"});
                        }
                    },
    The 'load' listeners work as expected. However, after I click on a column header to sort, the events are no longer in place (presumably because the rows have been re-rendered, thus erasing the previous events). I then implemented the 'datachanged' listener to re-assign my events after a sort. However, the events shown are not being attached to their specified element. I added an alert message (not shown) to the datachanged event to make sure that it was firing and it was. So, what appears to be happening is that the datachanged event is firing after I click to sort the column, but before the rows are fully rendered. Is there a better way to attach my events to a custom rendered column?

    Thanks,

    -MJ

  2. #2

    Default

    Does anybody have any ideas? I've seen a 'Sort' event listed in the past, but that seems to have been replaced with 'datachanged'. Is there a post sort event that I can use to reattach events to my DOM objects? The 'datachanged' event seems to be firing too early. Is there an event that fires after 'datachanged' either as part of the Store or even the GridPanel? Any thoughts would be appreciated.

    -MJ

Similar Threads

  1. [OPEN-257] WebStorageProxy always removes first record
    By emm in forum Sencha Touch 1.x: Bugs
    Replies: 2
    Last Post: 15 Sep 2010, 8:39 PM
  2. [1.2.3] ListStore removes all data on load.
    By jtyrrell in forum Ext GWT: Help & Discussion (1.x)
    Replies: 0
    Last Post: 30 Mar 2009, 6:07 PM
  3. Removes borders from Panel
    By jeusdi in forum Ext 2.x: Help & Discussion
    Replies: 15
    Last Post: 18 Dec 2008, 1:21 AM
  4. use a component as item removes it, help please
    By RyanZec in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 22 May 2008, 1:14 PM
  5. extjs removes formatting
    By rjanos in forum Ext 1.x: Help & Discussion
    Replies: 6
    Last Post: 19 Jun 2007, 2:56 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •