Difference between revisions of "Committees"

From QIBA Wiki
Jump to navigation Jump to search
Line 54: Line 54:
  
 
==MR Committees==
 
==MR Committees==
 +
var dropDown = new OO.ui.DropdownWidget( {
 +
  label: 'Dropdown menu: Select one option',
 +
  // The menu is composed within the DropdownWidget
 +
  menu: {
 +
    items: [
 +
      new OO.ui.MenuOptionWidget( {
 +
        data: 'a',
 +
        label: 'First'
 +
      } ),
 +
      new OO.ui.MenuOptionWidget( {
 +
        data: 'b',
 +
        label: 'Second (disabled option)',
 +
        disabled: true
 +
      } ),
 +
      new OO.ui.MenuOptionWidget( {
 +
        data: 'c',
 +
        label: 'Third'
 +
      } ),
 +
      new OO.ui.MenuOptionWidget( {
 +
        data: 'd',
 +
        label: 'The fourth option has a long label'
 +
      } ),
 +
      new OO.ui.MenuOptionWidget( {
 +
        data: 'e',
 +
        label: 'Fifth'
 +
      } )
 +
    ]
 +
  }
 +
} );
 +
 +
// Append the menu to the DOM.
 +
$('body').append( dropDown.$element );
 +
 +
// Trigger an event when an item in the menu is selected
 +
var itemSelected = function(){
 +
console.log('item selected');
 +
};
 +
 +
dropDown.getMenu().on('select', itemSelected);

Revision as of 17:58, 8 August 2018

QIBA Committee Organization Chart July 2018

  • Airway Measurement TF



  • Profile Compliance TF
  • FDG-PET UPICT TF
  • System Dependencies/Phantom Testing TF
  • Clinical Applications TF
  • System Dependencies/Phantom Testing/Clinical Validation

See Also

MR Committees

var dropDown = new OO.ui.DropdownWidget( {

 label: 'Dropdown menu: Select one option',
 // The menu is composed within the DropdownWidget
 menu: {
   items: [
     new OO.ui.MenuOptionWidget( {
       data: 'a',
       label: 'First'
     } ),
     new OO.ui.MenuOptionWidget( {
       data: 'b',
       label: 'Second (disabled option)',
       disabled: true
     } ),
     new OO.ui.MenuOptionWidget( {
       data: 'c',
       label: 'Third'
     } ),
     new OO.ui.MenuOptionWidget( {
       data: 'd',
       label: 'The fourth option has a long label'
     } ),
     new OO.ui.MenuOptionWidget( {
       data: 'e',
       label: 'Fifth'
     } )
   ]
 }

} );

// Append the menu to the DOM. $('body').append( dropDown.$element );

// Trigger an event when an item in the menu is selected var itemSelected = function(){ console.log('item selected'); };

dropDown.getMenu().on('select', itemSelected);