Ext.ns("TMS.CarrierUtilization")   

TMS.CarrierUtilization.CustomLayout = {
  buildLayout: function(modelFields){
    return {
      xtype: 'container',
      items:[
        {
          layout: 'vbox',
          autoHeight:true,
          items: [
            {
              xtype: 'container',
              labelWidth: 150,
              layout: 'form',
              items:[
                {
                    fieldLabel: 'Rotational Assignment',
                    name: 'rotationalAssignment',
                    value: 'TX Rotational Assignment'
                }, 
                {
                    fieldLabel: 'Start Date',
                    name: 'stDate'
                },
                {
                    fieldLabel: 'End Date',
                    name: 'endDate'
                }
              ]
            }
          ]
        },
        new One.Report({
         reportName: 'TMS.CarrierUtilizationReport'
         ,autoExecute: true
       })
      ]
    }
  }
}


TMS.CarrierUtilization.Panel = Ext.extend(Ext.Panel, {
  
  initComponent: function(){
  alert('hi');
    this.layout = 'vbox';
 this.items = [ {
                    fieldLabel: 'Rotational Assignment',
                    name: 'rotationalAssignment',
                    value: 'TX Rotational Assignment'
                }, 
                {
                    fieldLabel: 'Start Date',
                    name: 'stDate'
                },
                {
                    fieldLabel: 'End Date',
                    name: 'endDate'
                } ];
    TMS.CarrierUtilization.Panel.superclass.initComponent.call(this.build());
  }
});



//tail.mptt

<WebAction name="UtilizationReport">
                 <PanelOptions>
                  <PanelClass>TMS.CarrierUtilization.Panel</PanelClass>
                 </PanelOptions>
            </WebAction>


//jspf file

[removed]Desktop.openWebActionInTab('UtilizationReport');