在Dojo CheckBox中手动触发点击事件

Question

In my application, I have this code:

postCreate: function(){

  // ...

  // Change the listWidget's order depending on whether the checkbox is
  // ticked or not
  self.extraWidget.orderByNameWidget.on( 'click', function( e ){
    var orderByNameWidget = this;
    field = orderByNameWidget.get('value') ? 'firstName' : 'lastName';

    // Make up the collection with the initial filters
    var collection = self.store;
    if( self.initialFilter ) collection = collection.filter( self.initialFilter );
    collection = collection.sort( field );

    self.listWidget.set('collection', collection);

  });

This code is there so that the user can click on a checkbox (orderByNameWidget), and change the sorting of contacts. orderByNameWidget is a normal Dojo CheckBox.

Now, I have a global setting of what that value should be to start with. The neater way to deal with it would be setting the value of the checkbox, and then trigger the event:

  // Artificially emit the initial click if the default says so    
  if( ConfigVars.workspacesUsersInfo.orderByNameDefault ){
    self.extraWidget.orderByNameWidget.set( 'value', true );

    self.extraWidget.orderByNameWidget.emit( 'click', { bubbles: true, cancelable: true });
  }

While the first line works (setting the widget), the second one doesn't -- the 'click' event is never actually triggered for the widget.

I tried every single possible combination, emitting this event on the domNode etc. -- but no, it doesn't seem to want to do anything. In Button.html, the basis for CheckBox, Dojo has:

 data-dojo-attach-event="ondijitclick:__onClick"

I wonder if that's the problem. So... what should I write for a full simulation of the checkbox click? Any pointers?

Answer 1

Is there a reason why you can't use the change event instead of click to begin with? That ought to fire on both user clicks and programmatic changes. (And keyboard events, for that matter, which click likely won't fire on.)