[CLOSED] TabPanel setActiveTab is not working in clientside

  1. #1

    [CLOSED] TabPanel setActiveTab is not working in clientside

    I need to setactivetab in clientside, but for me it is not working(in v2.5.3 it works, but in v3.1 it doesnt).

    This is the code .aspx (tabpanel with 2 panels) :
      <ext:TabPanel id="tp1"
            runat="server" 
            ActiveIndex="0" 
            Cls="mtby"
            DefaultBorder="false">       
            <Items>
                <ext:Panel runat="server" Title="PlanTrabajo">
                    <Items>
                        <ext:GridPanel 
                                ID="grdP" 
                                EmptyText="No existe PlanTrabajo"
                                runat="server" 
                                Width="705" 
                                Height="260">
                                <Store>
                                    <ext:Store runat="server" PageSize="5" RemoteSort="true">
                                        <Proxy>
                                            <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=1&o=2">
                                                <ExtraParams>
                                                    <ext:Parameter Name="p" Value="#{chkP}.getValue()" />
                                                </ExtraParams>
                                                <Reader>
                                                    <ext:JsonReader RootProperty="data" TotalProperty="total" />
                                                </Reader>
                                                <Listeners>
                                                    <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Fallo...', response.statusText);" />
                                                </Listeners>
                                            </ext:AjaxProxy>
                                        </Proxy>
                                        <Model>
                                            <ext:Model runat="server" IDProperty="Id">
                                                <Fields>
                                                    <ext:ModelField Name="Id" />
                                                    <ext:ModelField Name="Periodotrabajo" />
                                                    <ext:ModelField Name="Actual" />
                                                    <ext:ModelField Name="Enero" />
                                                    <ext:ModelField Name="Febrero" />
                                                    <ext:ModelField Name="Marzo" />
                                                    <ext:ModelField Name="Abril" />
                                                    <ext:ModelField Name="Mayo" />
                                                    <ext:ModelField Name="Junio" />
                                                    <ext:ModelField Name="Julio" />
                                                    <ext:ModelField Name="Agosto" />
                                                    <ext:ModelField Name="Septiembre" />
                                                    <ext:ModelField Name="Octubre" />
                                                    <ext:ModelField Name="Noviembre" />
                                                    <ext:ModelField Name="Diciembre" />
                                                </Fields>
                                            </ext:Model>
                                        </Model>               
                                        <Sorters>
                                            <ext:DataSorter Property="Id" Direction="DESC" />
                                        </Sorters>
                                        <Parameters>
                                            <ext:StoreParameter 
                                                Name="query2" 
                                                Value="#{chkP}.getValue()"
                                                Mode="Raw" 
                                                />
                                        </Parameters>         
                                    </ext:Store>
                                </Store>
                                <TopBar>
                                    <ext:ToolBar runat="server">
                                        <Items>
                                            <ext:Button runat="server" Icon="Add" Text="Nuevo PlanTrabajo">
                                                <DirectEvents>
                                                    <Click OnEvent="grdPShow">
                                                        <ExtraParams>
                                                            <ext:Parameter Name="xP" Value="0" Mode="Raw" />
                                                        </ExtraParams>
                                                        <EventMask ShowMask="true" Msg="Cargando..."  />
                                                    </Click>
                                                </DirectEvents>
                                            </ext:Button>
                                            <ext:ToolbarFill />
                                            <ext:Checkbox ID="chkP" runat="server" FieldLabel="No Atendidos" Checked="true">
                                                <Listeners>
                                                    <Change Handler="LApp.desP()" />
                                                </Listeners>
                                            </ext:Checkbox>
                                        </Items>
                                    </ext:ToolBar>
                                </TopBar>
                                <ColumnModel runat="server">
                                    <Columns>            
                                        <ext:Column runat="server" Text="Id" DataIndex="Id" Width="40">
                                            <Renderer Fn="LApp.linkN" />
                                        </ext:Column>
                                        <ext:Column runat="server" Text="Periodo" DataIndex="Periodotrabajo" Flex="1"  />
                                        <ext:NumberColumn runat="server" Text="Act" DataIndex="Actual" Width="40">
                                            <Renderer Fn="top.GApp.nChg1" />
                                        </ext:NumberColumn>
                                        <ext:NumberColumn runat="server" Text="Ene" DataIndex="Enero" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Feb" DataIndex="Febrero" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Mar" DataIndex="Marzo" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Abr" DataIndex="Abril" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="May" DataIndex="Mayo" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Jun" DataIndex="Junio" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Jul" DataIndex="Julio" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Ago" DataIndex="Agosto" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Sep" DataIndex="Septiembre" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Oct" DataIndex="Octubre" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Nov" DataIndex="Noviembre" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Dic" DataIndex="Diciembre" Format="0.00" Width="40"/>
                                        <ext:CommandColumn runat="server" Width="25">
                                            <Commands>
                                                <ext:GridCommand Icon="BulletEdit" CommandName="EP" />
                                            </Commands>
                                            <DirectEvents>
                                                <Command  OnEvent="grdPShow" Success="top.GApp.wndHdr(#{wndP},2);">
                                                    <EventMask ShowMask="true" CustomTarget="={#{grdP}.body}" />
                                                    <ExtraParams>
                                                        <ext:Parameter Name="xP" Value="record.getId()" Mode="Raw" />
                                                    </ExtraParams>
                                                </Command>
                                            </DirectEvents>
                                        </ext:CommandColumn>
                                    </Columns>
                                </ColumnModel>
                                <SelectionModel>
                                    <ext:RowSelectionModel runat="server" Mode="Single">
                                        <Listeners>
                                            <Select Handler="top.GApp.chrR(#{cht1});" Buffer="250" />
                                        </Listeners>
                                    </ext:RowSelectionModel>
                                </SelectionModel>
                                <BottomBar>
                                    <ext:PagingToolbar 
                                        runat="server"                      
                                        DisplayInfo="true"
                                        DisplayMsg="PlanesTrabajo {0} - {1} de {2}"
                                        EmptyMsg="No existen PlanesTrabajo" />
                                </BottomBar>
                                <View>
                                    <ext:GridView runat="server" />
                                </View>    
                        </ext:GridPanel>
                        <ext:Panel
                            runat="server"
                            Padding="3"
                            Width="380"
                            Height="285"
                            Title="Resumen PT"
                            Layout="FitLayout">
                           <TopBar>
                                <ext:Toolbar runat="server">
                                    <Items>
                                        <ext:ToolbarFill />
                                        <ext:Button 
                                            runat="server" 
                                            Icon="ArrowRefresh" 
                                            Handler="Ext.net.Mask.show();Ext.defer(Ext.net.Mask.hide, 1000);top.GApp.chrR(#{cht1});" />
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <Items>
                                <ext:PolarChart
                                    ID="cht1" 
                                    runat="server"
                                    Shadow="true" 
                                    InsetPadding="45"
                                    InnerPadding="10">
                                    <LegendConfig runat="server" Dock="Right" />
                                    <Store>
                                        <ext:Store runat="server" AutoDataBind="true">
                                            <Proxy>
                                                <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=2&o=1">
                                                    <Reader>
                                                        <ext:JsonReader RootProperty="data" />
                                                    </Reader>
                                                    <Listeners>
                                                        <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Chart Fallo...', response.statusText);" />
                                                    </Listeners>
                                                </ext:AjaxProxy>
                                            </Proxy>                                                  
                                            <Model>
                                                <ext:Model runat="server">
                                                    <Fields>
                                                        <ext:ModelField Name="Estatus" />
                                                        <ext:ModelField Name="Valor" />
                                                    </Fields>
                                                </ext:Model>
                                            </Model>
                                             <Parameters>
                                                <ext:StoreParameter  Name="x" Value="top.GApp.row(#{grdP})" Mode="Raw" />
                                            </Parameters>
                                        </ext:Store>
                                    </Store>
                                    <Interactions>
                                        <ext:ItemHighlightInteraction />
                                        <ext:RotateInteraction />
                                    </Interactions>
                                    <Series>
                                        <ext:PieSeries 
                                            XField="Valor" 
                                            ShowInLegend="true" 
                                            Donut="0" 
                                            HighlightMargin="15">
                                            <Label Field="Estatus" Display="Rotate" FontSize="11" FontFamily="Arial"/>
                                            <Tooltip runat="server" TrackMouse="true" Width="150" Height="20">
                                                <Renderer Fn="top.GApp.renderT" />
                                            </Tooltip>
                                        </ext:PieSeries>
                                    </Series>                    
                                </ext:PolarChart>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel runat="server" Title="Normativa" ID="pnlN" >
                    <Items>
                        <ext:GridPanel 
                            ID="grdN" 
                            runat="server"
                            Width="630" 
                            Height="265">
                            <Store>
                                <ext:Store runat="server" PageSize="6" AutoLoad="false" RemoteSort="true">
                                    <Proxy>
                                        <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=3&o=2">
                                            <Reader>
                                                <ext:JsonReader RootProperty="data" TotalProperty="total" />
                                            </Reader>
                                            <Listeners>
                                                <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Fallo...', response.statusText);" />
                                            </Listeners>
                                        </ext:AjaxProxy>
                                    </Proxy>
                                    <Model>
                                        <ext:Model runat="server" IDProperty="Id">
                                            <Fields>
                                                <ext:ModelField Name="Id" />
                                                <ext:ModelField Name="Normativa" />
                                                <ext:ModelField Name="Actual" />
                                                <ext:ModelField Name="Enero" />
                                                <ext:ModelField Name="Febrero" />
                                                <ext:ModelField Name="Marzo" />
                                                <ext:ModelField Name="Abril" />
                                                <ext:ModelField Name="Mayo" />
                                                <ext:ModelField Name="Junio" />
                                                <ext:ModelField Name="Julio" />
                                                <ext:ModelField Name="Agosto" />
                                                <ext:ModelField Name="Septiembre" />
                                                <ext:ModelField Name="Octubre" />
                                                <ext:ModelField Name="Noviembre" />
                                                <ext:ModelField Name="Diciembre" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                    <Parameters>
                                        <ext:StoreParameter 
                                            Name="query" 
                                            Value="top.GApp.row(#{grdP})"
                                            Mode="Raw" 
                                            />
                                    </Parameters>
                                    <Sorters>
                                        <ext:DataSorter Property="Normativa" Direction="ASC" />
                                    </Sorters>           
                                    <Listeners>                                                                          
                                        <Exception Handler="Ext.Msg.alert('Fallo Carga de Normativas...', operation.getError());" />
                                    </Listeners>
                                </ext:Store>
                            </Store>
                                <TopBar>
                                    <ext:ToolBar runat="server">
                                        <Items>
                                            <ext:Button ID="btnNN" runat="server" Icon="Add" Text="Nueva Normativa" Disabled="true">
                                                <DirectEvents>
                                                    <Click OnEvent="grdNShow">
                                                        <ExtraParams>
                                                            <ext:Parameter Name="xN" Value="0" Mode="Raw" />
                                                        </ExtraParams>
                                                        <EventMask ShowMask="true" Msg="Cargando..."  />
                                                    </Click>
                                                </DirectEvents>
                                            </ext:Button>
                                        </Items>
                                    </ext:ToolBar>
                                </TopBar>
                            <ColumnModel runat="server">
                                <Columns>
                                    <ext:Column runat="server" Text="Id" DataIndex="Id" Width="40">
                                        <Renderer Fn="LApp.linkA" />
                                    </ext:Column>
                                    <ext:Column runat="server" Text="Normativa" DataIndex="Normativa" Flex="1" />
                                    <ext:NumberColumn runat="server" Text="Act" DataIndex="Actual" Width="35">
                                        <Renderer Fn="top.GApp.nChg1" />
                                    </ext:NumberColumn>
                                    <ext:NumberColumn runat="server" Text="Ene" DataIndex="Enero" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Feb" DataIndex="Febrero" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Mar" DataIndex="Marzo" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Abr" DataIndex="Abril" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="May" DataIndex="Mayo" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Jun" DataIndex="Junio" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Jul" DataIndex="Julio" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Ago" DataIndex="Agosto" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Sep" DataIndex="Septiembre" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Oct" DataIndex="Octubre" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Nov" DataIndex="Noviembre" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Dic" DataIndex="Diciembre" Format="0.00" Width="35"/>
                                    <ext:CommandColumn runat="server" Width="25">
                                        <Commands>
                                            <ext:GridCommand Icon="BulletEdit" CommandName="EN" />
                                        </Commands>
                                        <DirectEvents>
                                            <Command OnEvent="grdNShow" Success="top.GApp.wndHdr(#{wndN},2);">
                                                <EventMask ShowMask="true" CustomTarget="={#{grdN}.body}" />
                                                <ExtraParams>
                                                    <ext:Parameter Name="xN" Value="record.getId()" Mode="Raw" />
                                                </ExtraParams>
                                            </Command>
                                        </DirectEvents>
                                    </ext:CommandColumn>
                                </Columns>
                            </ColumnModel>
                            <BottomBar>
                                <ext:PagingToolbar 
                                    runat="server"                      
                                    DisplayInfo="true"
                                    DisplayMsg="Normativas {0} - {1} de {2}"
                                    EmptyMsg="No existen Normativas" />
                            </BottomBar>
                            <View>
                                <ext:GridView runat="server" />
                            </View>                                                                          
                        </ext:GridPanel>
                        <ext:Panel 
                            runat="server"
                            Padding="3"
                            Width="480"
                            Height="420"
                            Title="Resumen Normativa"
                            Layout="FitLayout">
                           <TopBar>
                                <ext:Toolbar runat="server">
                                    <Items>
                                        <ext:ToolbarFill />
                                        <ext:Button 
                                            runat="server" 
                                            Icon="ArrowRefresh" 
                                            Handler="top.GApp.mskBef();top.GApp.chrR(#{cht2});" />
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <Items>
                                <ext:CartesianChart
                                    ID="cht2" 
                                    runat="server"
                                    StyleSpec="background:#fff;"                   
                                    Shadow="true" Theme="Theme01"
                                    Animate="true">
                                    <LegendConfig  runat="server" Position="Right" />
                                    <Store>
                                        <ext:Store 
                                            runat="server" AutoLoad="false">    
                                            <Proxy>
                                                <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=3&o=3">
                                                    <Reader>
                                                        <ext:JsonReader RootProperty="data" />
                                                    </Reader>
                                                    <Listeners>
                                                        <Exception Handler="Ext.MessageBox.alert('Carga de Informacion ChartN Fallo...', response.statusText);" />
                                                    </Listeners>
                                                </ext:AjaxProxy>
                                            </Proxy>                                                                                                                 
                                            <Model>
                                                <ext:Model runat="server">
                                                    <Fields>
                                                        <ext:ModelField Name="Normativa" />
                                                        <ext:ModelField Name="Atendido" />
                                                        <ext:ModelField Name="EnProceso" />
                                                        <ext:ModelField Name="NoIniciado" />
                                                    </Fields>
                                                </ext:Model>
                                            </Model>
                                             <Parameters>
                                                <ext:StoreParameter  Name="x" Value="top.GApp.row(#{grdP})" Mode="Raw" />
                                            </Parameters>
                                        </ext:Store>
                                    </Store>
                                    <Axes>
                                        <ext:NumericAxis
                                            Position="Bottom"                             
                                            Fields="Atendido,EnProceso,Pendiente"
                                            Title="Actividades"
                                            Grid="true"
                                            Minimum="0">
                                            <Label>
                                                <Renderer Handler="return Ext.util.Format.number(label, '0,0');" />
                                            </Label>                                    
                                        </ext:NumericAxis>                            
                                        <ext:CategoryAxis 
                                            Fields="Normativa"
                                            Position="Left"
                                            />
                                    </Axes>
                                    <Series>
                                        <ext:BarSeries                                         
                                            XField="Normativa"
                                            YField="Atendido,EnProceso,NoIniciado">
                                            <StyleSpec>
                                                <ext:SeriesSprite Opacity="0.8" MinGapWidth="10" />
                                            </StyleSpec>
                                            <Label Font="9px Arial" />
                                        </ext:BarSeries>
                                    </Series>
                                </ext:CartesianChart>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel runat="server" Title="Actividades" ID="pnlA">
                    <Items>
                        <ext:GridPanel 
                            ID="grdA" Padding="3"
                            runat="server"
                            Width="750" 
                            Height="420">
                            <Store>
                                <ext:Store runat="server" PageSize="10" AutoLoad="false" RemoteSort="true" >
                                    <Proxy>
                                        <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=4&o=3">
                                            <Reader>
                                                <ext:JsonReader RootProperty="data" TotalProperty="total" />
                                            </Reader>
                                            <Listeners>
                                                <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Fallo...', response.statusText);" />
                                            </Listeners>
                                        </ext:AjaxProxy>
                                    </Proxy>
                                    <Model>
                                        <ext:Model runat="server" IDProperty="Id">
                                            <Fields>
                                                <ext:ModelField Name="Id" />
                                                <ext:ModelField Name="IdAnual" />
                                                <ext:ModelField Name="Objetivo" />
                                                <ext:ModelField Name="Actividad" />
                                                <ext:ModelField Name="Fechainicio" />
                                                <ext:ModelField Name="Fechafin" />
                                                <ext:ModelField Name="PlanTrabajoActividadEstatus" />
                                                <ext:ModelField Name="AvanceId" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                    <Parameters>
                                        <ext:StoreParameter Name="n" Value="top.GApp.row(#{grdN})" Mode="Raw" />
                                    </Parameters>
                                    <Sorters>
                                        <ext:DataSorter Property="Objetivo" Direction="DESC" />
                                    </Sorters>           
                                    <Listeners>                                                                          
                                        <Exception Handler="Ext.Msg.alert('Fallo Carga de Actividades...', operation.getError());" />
                                    </Listeners>
                                </ext:Store>
                            </Store>
                                <TopBar>
                                    <ext:ToolBar runat="server">
                                        <Items>
                                            <ext:Button ID="btnNA" runat="server" Icon="Add" Text="Nueva Actividad" Disabled="true">
                                                <DirectEvents>
                                                    <Click OnEvent="grdAShow">
                                                        <ExtraParams>
                                                            <ext:Parameter Name="xA" Value="0" Mode="Raw" />
                                                        </ExtraParams>
                                                        <EventMask ShowMask="true" Msg="Cargando..."  />
                                                    </Click>
                                                </DirectEvents>
                                            </ext:Button>
                                            <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                                            <ext:Button runat="server" Icon="PageWhiteExcel">
                                                <DirectEvents>
                                                    <Click OnEvent="mrtPrint" IsUpload="true" Before="top.GApp.mskBef()">
                                                        <ExtraParams>
                                                            <ext:Parameter Name="x" Value="top.GApp.row(#{grdN})" Mode="Raw" />
                                                            <ext:Parameter Name="f" Value="xls" Mode="Value" />
                                                        </ExtraParams>
                                                    </Click>
                                                </DirectEvents>
                                            </ext:Button>
                                            <ext:Button runat="server" Icon="PageWhiteAcrobat">
                                                <DirectEvents>
                                                    <Click OnEvent="mrtPrint" IsUpload="true" Before="top.GApp.mskBef()">
                                                        <ExtraParams>
                                                            <ext:Parameter Name="x" Value="top.GApp.row(#{grdN})" Mode="Raw" />
                                                            <ext:Parameter Name="f" Value="pdf" Mode="Value" />
                                                        </ExtraParams>
                                                    </Click>
                                                </DirectEvents>
                                            </ext:Button>
                                        </Items>
                                    </ext:ToolBar>
                                </TopBar>
                            <ColumnModel runat="server">
                                <Columns>
                                    <ext:Column runat="server" Text="Id" DataIndex="IdAnual" Width="70"/>
                                    <ext:Column runat="server" DataIndex="Objetivo" Text="Objetivo" Flex="1"/>
                                    <ext:Column runat="server" DataIndex="Actividad" Text="Actividad" Flex="1"/>
                                    <ext:DateColumn runat="server" DataIndex="Fechainicio" Text="FecInicio" Format="dd/MM/yy" Width="60" Align="Center" />
                                    <ext:DateColumn runat="server" DataIndex="Fechafin" Text="FecFin" Format="dd/MM/yy" Width="60" Align="Center" />
                                    <ext:Column runat="server" DataIndex="PlanTrabajoActividadEstatus" Text="Estatus" MenuDisabled="true" Width="65"/>
                                    <ext:Column runat="server" DataIndex="AvanceId" Text="%" Width="35">
                                        <Renderer Fn="top.GApp.nChg2" />
                                    </ext:Column>
                                    <ext:CommandColumn runat="server" Width="25" Filterable="false">
                                        <Commands>
                                            <ext:GridCommand Icon="BulletEdit" CommandName="EA" />
                                        </Commands>
                                        <DirectEvents>
                                            <Command  OnEvent="grdAShow" Success="top.GApp.wndHdr(#{wndA},2);">
                                                <EventMask ShowMask="true" CustomTarget="={#{grdA}.body}" />
                                                <ExtraParams>
                                                    <ext:Parameter Name="xA" Value="record.getId()" Mode="Raw" />
                                                </ExtraParams>
                                            </Command>
                                        </DirectEvents>
                                    </ext:CommandColumn>
                                </Columns>
                            </ColumnModel>
                            <Plugins>
                                <ext:FilterHeader runat="server" Remote="true" />
                            </Plugins>
                            <SelectionModel>
                                <ext:RowSelectionModel runat="server" Mode="Single" />
                            </SelectionModel> 
                            <BottomBar>
                                <ext:PagingToolbar 
                                    runat="server"                      
                                    DisplayInfo="true"
                                    DisplayMsg="Actividades {0} - {1} de {2}"
                                    EmptyMsg="No existen Actividades" />
                            </BottomBar>
                            <View>
                                <ext:GridView runat="server" />
                            </View>                                                                          
                        </ext:GridPanel>
                        <ext:Panel 
                            runat="server"
                            Padding="3"
                            Width="320"
                            Height="250"
                            Title="Resumen Actividades"
                            Layout="FitLayout">
                           <TopBar>
                                <ext:Toolbar runat="server">
                                    <Items>
                                        <ext:ToolbarFill />
                                        <ext:Button 
                                            runat="server" 
                                            Icon="ArrowRefresh" 
                                            Handler="top.GApp.mskBef();top.GApp.chrR(#{cht3});" />
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <Items>
                                <ext:Panel
                                    runat="server"
                                    Padding="3"
                                    Width="380"
                                    Height="285"
                                    Layout="FitLayout">
                                    <Items>
                                        <ext:PolarChart
                                            ID="cht3" 
                                            runat="server" 
                                            Shadow="true" 
                                            InsetPadding="45"
                                            InnerPadding="10">
                                            <LegendConfig runat="server" Dock="Right" />                                        
                                            <Store>
                                                <ext:Store runat="server" AutoDataBind="true">     
                                                    <Proxy>
                                                        <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=3&o=5">
                                                            <Reader>
                                                                <ext:JsonReader RootProperty="data" />
                                                            </Reader>
                                                            <Listeners>
                                                                <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Chart Fallo...', response.statusText);" />
                                                            </Listeners>
                                                        </ext:AjaxProxy>
                                                    </Proxy>                                                  
                                                    <Model>
                                                        <ext:Model runat="server">
                                                            <Fields>
                                                                <ext:ModelField Name="Estatus" />
                                                                <ext:ModelField Name="Valor" />
                                                            </Fields>
                                                        </ext:Model>
                                                    </Model>
                                                     <Parameters>
                                                        <ext:StoreParameter  Name="x" Value="top.GApp.row(#{grdN})" Mode="Raw" />
                                                    </Parameters>
                                                </ext:Store>
                                            </Store>
                                            <Interactions>
                                                <ext:ItemHighlightInteraction />
                                                <ext:RotateInteraction />
                                            </Interactions>
                                            <Series>
                                                <ext:PieSeries 
                                                    XField="Valor" 
                                                    ShowInLegend="true" 
                                                    Donut="0" 
                                                    HighlightMargin="15">
                                                    <Label Field="Estatus" Display="Rotate" FontSize="11" FontFamily="Arial" />
                                                    <Tooltip runat="server" TrackMouse="true" Width="150" Height="20">
                                                        <Renderer Fn="top.GApp.renderT" />
                                                    </Tooltip>
                                                </ext:PieSeries>
                                            </Series>                    
                                        </ext:PolarChart>
                                    </Items>
                                </ext:Panel>    
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
    In the first gridpanel, I have this code, in which I call the function LApp.linkN:
    <ext:Column runat="server" Text="Id" DataIndex="Id" Width="40">
                                            <Renderer Fn="LApp.linkN" />
                                        </ext:Column>
    this is the javascript for LApp:
    // v1.0
    var LApp = {
        desP : function() {
            top.GApp.desgrd(App.grdP); top.GApp.chrR(App.cht1); top.GApp.chrR(App.cht2); top.GApp.chrR(App.cht3); top.GApp.deselb(App.grdN, App.btnNN, true); App.pnlN.setTitle('Normativas'); top.GApp.deselb(App.grdA, App.btnNA, true); App.pnlA.setTitle('Actividades');
        },
        onN: function (a) {
            alert('1 ok');
            top.GApp.tpAct(App.tp1, App.pnlN, 'Normativas - ' + a);
            alert('2 I cant get here');
            top.GApp.chrR(App.cht2);
            alert('3');
            top.GApp.deselb(App.grdN, App.btnNN, false);
            top.GApp.deselb(App.grdA, App.btnNA, true);
            App.pnlA.setTitle('Actividades');
        },
        linkN: function (value, metadata, record) {
            return Ext.String.format("<a href=\"#\" onclick=\"LApp.onN('{1}')\">{0}<a/>", top.GFn.zFill(record.data.Id,4), record.data.Periodotrabajo);
        },
        onA : function (a) {
            top.GApp.tpAct(App.tp1, App.pnlA, 'Actividades - ' + a); top.GApp.chrR(App.cht3); top.GApp.deselb(App.grdA, App.btnNA, false);
        },
        linkA : function (value, metadata, record) {
            return Ext.String.format("<a href=\"#\" onclick=\"LApp.onA('{1}')\">{0}<a/>", top.GFn.zFill(record.data.Id, 4), record.data.Normativa);
        }
    };
    And, this is the javascript code for GApp.tpAct:
    var GApp = {
        tpAct: function (t, p, tl) {
            alert('1.1 ok');
            t.setActiveTab(p);   //Here is where it stops and I cant continue to next line alert('1.2);
            alert('1.2');
            t.setTitle(tl);
            alert('1.3');
        }
    };
    This is an image of the code above. When I click on the first column(blue arrow), I should select the 2nd panel ("Normativa" red arrow).

    The same code works for me in v2.5.3, but when I move into v3.x it stops working.

    TIA.
    Last edited by Daniil; Apr 28, 2015 at 9:35 AM. Reason: [CLOSED]
  2. #2
    Hi @rguardado,

    t.setActiveTab(p);   //Here is where it stops and I cant continue to next line alert('1.2);
    Then it probably stops with a JavaScript. Do you see what is the error? Also please clarify have you tried to debug? It might bring a clue what is going on.
  3. #3

    Still having the problem...

    Danill, I have been working with this case. In the code as you can see, there are 3 panels, when I have any "chart" in the second panel it doesnt works, but if I remove the chart and I put some other ext.net item, it works.

    <%@ Page Title="PlanTrabajo" Language="C#" MasterPageFile="~/master/mPage01.Master" AutoEventWireup="true" CodeBehind="i60PlanTrabajo.aspx.cs" Inherits="portalgto.App.aspx._60.i60PlanTrabajo" %>
    <asp:Content ID="cntH" ContentPlaceHolderID="cpHead01" runat="server">
        <script src="i60PlanTrabajo.js"></script>
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="cpContent01" runat="server">
        <ext:TabPanel 
            id="tp1"
            runat="server" 
            ActiveIndex="0"
             Cls="mtby">       
            <Items>
                <ext:Panel runat="server" Title="PlanTrabajo">
                    <Items>
                        <ext:GridPanel 
                                ID="grdP" 
                                EmptyText="No existe PlanTrabajo"
                                runat="server" 
                                Width="705" 
                                Height="260">
                                <Store>
                                    <ext:Store runat="server" PageSize="5" RemoteSort="true">
                                        <Proxy>
                                            <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=1&o=2">
                                                <ExtraParams>
                                                    <ext:Parameter Name="p" Value="#{chkP}.getValue()" />
                                                </ExtraParams>
                                                <Reader>
                                                    <ext:JsonReader RootProperty="data" TotalProperty="total" />
                                                </Reader>
                                                <Listeners>
                                                    <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Fallo...', response.statusText);" />
                                                </Listeners>
                                            </ext:AjaxProxy>
                                        </Proxy>
                                        <Model>
                                            <ext:Model runat="server" IDProperty="Id">
                                                <Fields>
                                                    <ext:ModelField Name="Id" />
                                                    <ext:ModelField Name="Periodotrabajo" />
                                                    <ext:ModelField Name="Actual" />
                                                    <ext:ModelField Name="Enero" />
                                                    <ext:ModelField Name="Febrero" />
                                                    <ext:ModelField Name="Marzo" />
                                                    <ext:ModelField Name="Abril" />
                                                    <ext:ModelField Name="Mayo" />
                                                    <ext:ModelField Name="Junio" />
                                                    <ext:ModelField Name="Julio" />
                                                    <ext:ModelField Name="Agosto" />
                                                    <ext:ModelField Name="Septiembre" />
                                                    <ext:ModelField Name="Octubre" />
                                                    <ext:ModelField Name="Noviembre" />
                                                    <ext:ModelField Name="Diciembre" />
                                                </Fields>
                                            </ext:Model>
                                        </Model>               
                                        <Sorters>
                                            <ext:DataSorter Property="Id" Direction="DESC" />
                                        </Sorters>
                                        <Parameters>
                                            <ext:StoreParameter 
                                                Name="query2" 
                                                Value="#{chkP}.getValue()"
                                                Mode="Raw" 
                                                />
                                        </Parameters>         
                                    </ext:Store>
                                </Store>
                                <TopBar>
                                    <ext:ToolBar runat="server">
                                        <Items>
                                            <ext:Button runat="server" Icon="Add" Text="Nuevo PlanTrabajo">
                                            </ext:Button>
                                            <ext:ToolbarFill />
                                            <ext:Checkbox ID="chkP" runat="server" FieldLabel="No Atendidos" Checked="true">
                                                <Listeners>
                                                    <Change Handler="LApp.desP()" />
                                                </Listeners>
                                            </ext:Checkbox>
                                        </Items>
                                    </ext:ToolBar>
                                </TopBar>
                                <ColumnModel runat="server">
    			                    <Columns>            
                                        <ext:Column runat="server" Text="Id" DataIndex="Id" Width="40">
                                            <Renderer Fn="LApp.linkN" />
                                        </ext:Column>
                                        <ext:Column runat="server" Text="Periodo" DataIndex="Periodotrabajo" Flex="1"  />
                                        <ext:NumberColumn runat="server" Text="Act" DataIndex="Actual" Width="40">
                                            <Renderer Fn="top.GApp.nChg1" />
                                        </ext:NumberColumn>
                                        <ext:NumberColumn runat="server" Text="Ene" DataIndex="Enero" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Feb" DataIndex="Febrero" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Mar" DataIndex="Marzo" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Abr" DataIndex="Abril" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="May" DataIndex="Mayo" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Jun" DataIndex="Junio" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Jul" DataIndex="Julio" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Ago" DataIndex="Agosto" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Sep" DataIndex="Septiembre" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Oct" DataIndex="Octubre" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Nov" DataIndex="Noviembre" Format="0.00" Width="40"/>
                                        <ext:NumberColumn runat="server" Text="Dic" DataIndex="Diciembre" Format="0.00" Width="40"/>
                                        <ext:CommandColumn runat="server" Width="25">
                                            <Commands>
                                                <ext:GridCommand Icon="BulletEdit" CommandName="EP" />
                                            </Commands>
                                            <DirectEvents>
                                            </DirectEvents>
                                        </ext:CommandColumn>
    			                    </Columns>
                                </ColumnModel>
                                <SelectionModel>
                                    <ext:RowSelectionModel runat="server" Mode="Single">
                                        <Listeners>
                                            <Select Handler="top.GApp.chrR(#{cht1});" Buffer="250" />
                                        </Listeners>
                                    </ext:RowSelectionModel>
                                </SelectionModel>
                                <BottomBar>
                                    <ext:PagingToolbar 
                                        runat="server"                      
                                        DisplayInfo="true"
                                        DisplayMsg="PlanesTrabajo {0} - {1} de {2}"
                                        EmptyMsg="No existen PlanesTrabajo" />
                                </BottomBar>
                                <View>
                                    <ext:GridView runat="server" />
                                </View>    
                        </ext:GridPanel>
                        <ext:Panel
                            runat="server"
                            Padding="3"
                            Width="380"
                            Height="285"
                            Title="Resumen PT"
                            Layout="FitLayout">
                           <TopBar>
                                <ext:Toolbar runat="server">
                                    <Items>
                                        <ext:ToolbarFill />
                                        <ext:Button 
                                            runat="server" 
                                            Icon="ArrowRefresh" 
                                            Handler="Ext.net.Mask.show();Ext.defer(Ext.net.Mask.hide, 1000);top.GApp.chrR(#{cht1});" />
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <Items>
                                <ext:PolarChart
                                    ID="cht1" 
                                    runat="server"
                                    Shadow="true" 
                                    InsetPadding="45"
                                    InnerPadding="10">
                                    <LegendConfig runat="server" Dock="Right" />
                                    <Store>
                                        <ext:Store runat="server" AutoDataBind="true">
                                            <Proxy>
                                                <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=2&o=1">
                                                    <Reader>
                                                        <ext:JsonReader RootProperty="data" />
                                                    </Reader>
                                                    <Listeners>
                                                        <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Chart Fallo...', response.statusText);" />
                                                    </Listeners>
                                                </ext:AjaxProxy>
                                            </Proxy>                                                  
                                            <Model>
                                                <ext:Model runat="server">
                                                    <Fields>
                                                        <ext:ModelField Name="Estatus" />
                                                        <ext:ModelField Name="Valor" />
                                                    </Fields>
                                                </ext:Model>
                                            </Model>
                                             <Parameters>
                                                <ext:StoreParameter  Name="x" Value="top.GApp.row(#{grdP})" Mode="Raw" />
                                            </Parameters>
                                        </ext:Store>
                                    </Store>
                                    <Interactions>
                                        <ext:ItemHighlightInteraction />
                                        <ext:RotateInteraction />
                                    </Interactions>
                                    <Series>
                                        <ext:PieSeries 
                                            XField="Valor" 
                                            ShowInLegend="true" 
                                            Donut="0" 
                                            HighlightMargin="15">
                                            <Label Field="Estatus" Display="Rotate" FontSize="11" FontFamily="Arial"/>
                                            <Tooltip runat="server" TrackMouse="true" Width="150" Height="20">
                                                <Renderer Fn="top.GApp.renderT" />
                                            </Tooltip>
                                        </ext:PieSeries>
                                    </Series>                    
                                </ext:PolarChart>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel runat="server" Title="Normativa" ID="pnlN">
                    <Items>
                        <ext:GridPanel 
                            ID="grdN" 
                            runat="server"
                            Width="630" 
                            Height="265">
                            <Store>
                                <ext:Store runat="server" PageSize="6" AutoLoad="false" RemoteSort="true">
                                    <Proxy>
                                        <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=3&o=2">
                                            <Reader>
                                                <ext:JsonReader RootProperty="data" TotalProperty="total" />
                                            </Reader>
                                            <Listeners>
                                                <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Fallo...', response.statusText);" />
                                            </Listeners>
                                        </ext:AjaxProxy>
                                    </Proxy>
                                    <Model>
                                        <ext:Model runat="server" IDProperty="Id">
                                            <Fields>
                                                <ext:ModelField Name="Id" />
                                                <ext:ModelField Name="Normativa" />
                                                <ext:ModelField Name="Actual" />
                                                <ext:ModelField Name="Enero" />
                                                <ext:ModelField Name="Febrero" />
                                                <ext:ModelField Name="Marzo" />
                                                <ext:ModelField Name="Abril" />
                                                <ext:ModelField Name="Mayo" />
                                                <ext:ModelField Name="Junio" />
                                                <ext:ModelField Name="Julio" />
                                                <ext:ModelField Name="Agosto" />
                                                <ext:ModelField Name="Septiembre" />
                                                <ext:ModelField Name="Octubre" />
                                                <ext:ModelField Name="Noviembre" />
                                                <ext:ModelField Name="Diciembre" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                    <Parameters>
                                        <ext:StoreParameter 
                                            Name="query" 
                                            Value="top.GApp.row(#{grdP})"
                                            Mode="Raw" 
                                            />
                                    </Parameters>
                                    <Sorters>
                                        <ext:DataSorter Property="Normativa" Direction="ASC" />
                                    </Sorters>           
                                    <Listeners>                                                                          
                                        <Exception Handler="Ext.Msg.alert('Fallo Carga de Normativas...', operation.getError());" />
                                    </Listeners>
                                </ext:Store>
                            </Store>
                                <TopBar>
                                    <ext:ToolBar runat="server">
                                        <Items>
                                            <ext:Button ID="btnNN" runat="server" Icon="Add" Text="Nueva Normativa" Disabled="true">
                                            </ext:Button>
                                        </Items>
                                    </ext:ToolBar>
                                </TopBar>
                            <ColumnModel runat="server">
                                <Columns>
                                    <ext:Column runat="server" Text="Id" DataIndex="Id" Width="40">
                                        <Renderer Fn="LApp.linkA" />
                                    </ext:Column>
                                    <ext:Column runat="server" Text="Normativa" DataIndex="Normativa" Flex="1" />
                                    <ext:NumberColumn runat="server" Text="Act" DataIndex="Actual" Width="35">
                                        <Renderer Fn="top.GApp.nChg1" />
                                    </ext:NumberColumn>
                                    <ext:NumberColumn runat="server" Text="Ene" DataIndex="Enero" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Feb" DataIndex="Febrero" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Mar" DataIndex="Marzo" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Abr" DataIndex="Abril" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="May" DataIndex="Mayo" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Jun" DataIndex="Junio" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Jul" DataIndex="Julio" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Ago" DataIndex="Agosto" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Sep" DataIndex="Septiembre" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Oct" DataIndex="Octubre" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Nov" DataIndex="Noviembre" Format="0.00" Width="35"/>
                                    <ext:NumberColumn runat="server" Text="Dic" DataIndex="Diciembre" Format="0.00" Width="35"/>
                                    <ext:CommandColumn runat="server" Width="25">
                                        <Commands>
                                            <ext:GridCommand Icon="BulletEdit" CommandName="EN" />
                                        </Commands>
                                        <DirectEvents>
                                        </DirectEvents>
                                    </ext:CommandColumn>
                                </Columns>
                            </ColumnModel>
                            <BottomBar>
                                <ext:PagingToolbar 
                                    runat="server"                      
                                    DisplayInfo="true"
                                    DisplayMsg="Normativas {0} - {1} de {2}"
                                    EmptyMsg="No existen Normativas" />
                            </BottomBar>
                            <View>
                                <ext:GridView runat="server" />
                            </View>                                                                          
                        </ext:GridPanel>
                        <ext:Panel 
                            runat="server"
                            Padding="3"
                            Width="480"
                            Height="420"
                            Title="Resumen Normativa"
                            Layout="FitLayout">
                           <TopBar>
                                <ext:Toolbar runat="server">
                                    <Items>
                                        <ext:ToolbarFill />
                                        <ext:Button 
                                            runat="server" 
                                            Icon="ArrowRefresh" 
                                            Handler="top.GApp.mskBef();top.GApp.chrR(#{cht2});" />
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <Items>
                                <ext:CartesianChart 
                                    ID="cht2"  
                                    runat="server"
                                    FlipXY="true">
                                    <LegendConfig  runat="server" Dock="Right" />
                                    <Store>
                                        <ext:Store 
                                            runat="server" AutoLoad="false">    
                                            <Proxy>
                                                <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=3&o=3">
                                                    <Reader>
                                                        <ext:JsonReader RootProperty="data" />
                                                    </Reader>
                                                    <Listeners>
                                                        <Exception Handler="Ext.MessageBox.alert('Carga de Informacion ChartN Fallo...', response.statusText);" />
                                                    </Listeners>
                                                </ext:AjaxProxy>
                                            </Proxy>                                                                                                                 
                                            <Model>
                                                <ext:Model runat="server">
                                                    <Fields>
                                                        <ext:ModelField Name="Normativa" />
                                                        <ext:ModelField Name="Atendido" />
                                                        <ext:ModelField Name="EnProceso" />
                                                        <ext:ModelField Name="Pendiente" />
                                                    </Fields>
                                                </ext:Model>
                                            </Model>
                                             <Parameters>
                                                <ext:StoreParameter  Name="x" Value="top.GApp.row(#{grdP})" Mode="Raw" />
                                            </Parameters>
                                        </ext:Store>
                                    </Store>
                                    <Axes>
                                        <ext:NumericAxis
                                            Position="Bottom"                             
                                            Fields="Atendido,EnProceso,Pendiente"
                                            Title="Actividades"
                                            Grid="true"
                                            Minimum="0">
                                            <Renderer Fn="Ext.util.Format.numberRenderer('0,0')" />
                                        </ext:NumericAxis>                            
                                        <ext:CategoryAxis 
                                            Fields="Normativa"
                                            Position="Left"
                                            />
                                    </Axes>
                                    <Series>
                                        <ext:BarSeries    
                                            Stacked="false"                                      
                                            XField="Normativa"
                                            YField="Atendido,EnProceso,Pendiente">
                                        </ext:BarSeries>
                                    </Series>
                                </ext:CartesianChart>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel runat="server" Title="Actividades" ID="pnlA">
                    <Items>
                        <ext:GridPanel 
                            ID="grdA" Padding="3"
                            runat="server"
                            Width="750" 
                            Height="420">
                            <Store>
                                <ext:Store runat="server" PageSize="10" AutoLoad="false" RemoteSort="true" >
                                    <Proxy>
                                        <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=4&o=3">
                                            <Reader>
                                                <ext:JsonReader RootProperty="data" TotalProperty="total" />
                                            </Reader>
                                            <Listeners>
                                                <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Fallo...', response.statusText);" />
                                            </Listeners>
                                        </ext:AjaxProxy>
                                    </Proxy>
                                    <Model>
                                        <ext:Model runat="server" IDProperty="Id">
                                            <Fields>
                                                <ext:ModelField Name="Id" />
                                                <ext:ModelField Name="IdAnual" />
                                                <ext:ModelField Name="Objetivo" />
                                                <ext:ModelField Name="Actividad" />
                                                <ext:ModelField Name="Fechainicio" />
                                                <ext:ModelField Name="Fechafin" />
                                                <ext:ModelField Name="PlanTrabajoActividadEstatus" />
                                                <ext:ModelField Name="AvanceId" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                    <Parameters>
                                        <ext:StoreParameter Name="n" Value="top.GApp.row(#{grdN})" Mode="Raw" />
                                    </Parameters>
                                    <Sorters>
                                        <ext:DataSorter Property="Objetivo" Direction="DESC" />
                                    </Sorters>           
                                    <Listeners>                                                                          
                                        <Exception Handler="Ext.Msg.alert('Fallo Carga de Actividades...', operation.getError());" />
                                    </Listeners>
                                </ext:Store>
                            </Store>
                                <TopBar>
                                    <ext:ToolBar runat="server">
                                        <Items>
                                            <ext:Button ID="btnNA" runat="server" Icon="Add" Text="Nueva Actividad" Disabled="true">
                                            </ext:Button>
                                            <ext:ToolbarFill ID="ToolbarFill1" runat="server" />
                                            <ext:Button runat="server" Icon="PageWhiteExcel">
                                                <DirectEvents>
                                                </DirectEvents>
                                            </ext:Button>
                                            <ext:Button runat="server" Icon="PageWhiteAcrobat">
                                                <DirectEvents>
                                                </DirectEvents>
                                            </ext:Button>
                                        </Items>
                                    </ext:ToolBar>
                                </TopBar>
                            <ColumnModel runat="server">
                                <Columns>
                                    <ext:Column runat="server" Text="Id" DataIndex="IdAnual" Width="70"/>
                                    <ext:Column runat="server" DataIndex="Objetivo" Text="Objetivo" Flex="1"/>
                                    <ext:Column runat="server" DataIndex="Actividad" Text="Actividad" Flex="1"/>
                                    <ext:DateColumn runat="server" DataIndex="Fechainicio" Text="FecInicio" Format="dd/MM/yy" Width="60" Align="Center" />
                                    <ext:DateColumn runat="server" DataIndex="Fechafin" Text="FecFin" Format="dd/MM/yy" Width="60" Align="Center" />
                                    <ext:Column runat="server" DataIndex="PlanTrabajoActividadEstatus" Text="Estatus" MenuDisabled="true" Width="65"/>
                                    <ext:Column runat="server" DataIndex="AvanceId" Text="%" Width="35">
                                        <Renderer Fn="top.GApp.nChg2" />
                                    </ext:Column>
                                    <ext:CommandColumn runat="server" Width="25" Filterable="false">
                                        <Commands>
                                            <ext:GridCommand Icon="BulletEdit" CommandName="EA" />
                                        </Commands>
                                        <DirectEvents>
                                        </DirectEvents>
                                    </ext:CommandColumn>
                                </Columns>
                            </ColumnModel>
                            <Plugins>
                                <ext:FilterHeader runat="server" Remote="true" />
                            </Plugins>
                            <SelectionModel>
                                <ext:RowSelectionModel runat="server" Mode="Single" />
                            </SelectionModel> 
                            <BottomBar>
                                <ext:PagingToolbar 
                                    runat="server"                      
                                    DisplayInfo="true"
                                    DisplayMsg="Actividades {0} - {1} de {2}"
                                    EmptyMsg="No existen Actividades" />
                            </BottomBar>
                            <View>
                                <ext:GridView runat="server" />
                            </View>                                                                          
                        </ext:GridPanel>
                        <ext:Panel 
                            runat="server"
                            Padding="3"
                            Width="320"
                            Height="250"
                            Title="Resumen Actividades"
                            Layout="FitLayout">
                           <TopBar>
                                <ext:Toolbar runat="server">
                                    <Items>
                                        <ext:ToolbarFill />
                                        <ext:Button 
                                            runat="server" 
                                            Icon="ArrowRefresh" 
                                            Handler="top.GApp.mskBef();top.GApp.chrR(#{cht3});" />
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <Items>
                                <ext:Panel
                                    runat="server"
                                    Padding="3"
                                    Width="380"
                                    Height="285"
                                    Layout="FitLayout">
                                    <Items>
                                        <ext:PolarChart
                                            ID="cht3" 
                                            runat="server" 
                                            Shadow="true" 
                                            InsetPadding="45"
                                            InnerPadding="10">
                                            <LegendConfig runat="server" Dock="Right" />                                        
                                            <Store>
                                                <ext:Store runat="server" AutoDataBind="true">     
                                                    <Proxy>
                                                        <ext:AjaxProxy Url="../../ashx/dal/PlanTrabajo.ashx?r=3&o=5">
                                                            <Reader>
                                                                <ext:JsonReader RootProperty="data" />
                                                            </Reader>
                                                            <Listeners>
                                                                <Exception Handler="Ext.MessageBox.alert('Carga de Informacion Chart Fallo...', response.statusText);" />
                                                            </Listeners>
                                                        </ext:AjaxProxy>
                                                    </Proxy>                                                  
                                                    <Model>
                                                        <ext:Model runat="server">
                                                            <Fields>
                                                                <ext:ModelField Name="Estatus" />
                                                                <ext:ModelField Name="Valor" />
                                                            </Fields>
                                                        </ext:Model>
                                                    </Model>
                                                     <Parameters>
                                                        <ext:StoreParameter  Name="x" Value="top.GApp.row(#{grdN})" Mode="Raw" />
                                                    </Parameters>
                                                </ext:Store>
                                            </Store>
                                            <Interactions>
                                                <ext:ItemHighlightInteraction />
                                                <ext:RotateInteraction />
                                            </Interactions>
                                            <Series>
                                                <ext:PieSeries 
                                                    XField="Valor" 
                                                    ShowInLegend="true" 
                                                    Donut="0" 
                                                    HighlightMargin="15">
                                                    <Label Field="Estatus" Display="Rotate" FontSize="11" FontFamily="Arial" />
                                                    <Tooltip runat="server" TrackMouse="true" Width="150" Height="20">
                                                        <Renderer Fn="top.GApp.renderT" />
                                                    </Tooltip>
                                                </ext:PieSeries>
                                            </Series>                    
                                        </ext:PolarChart>
                                    </Items>
                                </ext:Panel>    
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
        
    </asp:Content>
    With the chart(any chart) in the second panel (the second and third panel are not showing the content):
    Click image for larger version. 

Name:	imgA01.PNG 
Views:	98 
Size:	28.4 KB 
ID:	23907Click image for larger version. 

Name:	imgA02.PNG 
Views:	75 
Size:	5.7 KB 
ID:	23908Click image for larger version. 

Name:	imgA03.PNG 
Views:	82 
Size:	5.9 KB 
ID:	23909

    Without the chart in the second panel, I put a Label tag (the second and third panel are showing the content):
    Click image for larger version. 

Name:	imgB01.PNG 
Views:	89 
Size:	28.4 KB 
ID:	23910Click image for larger version. 

Name:	imgB02.PNG 
Views:	93 
Size:	18.2 KB 
ID:	23911


    I hope you can help me.

    Thanks in advance.
  4. #4
    Do you see any JavaScript errors in the console? The screenshots look like there must be a JavaScript error.

    Unfortunately, I cannot run the code to check it by my own.

    Also 566 code lines are too many. 99% of problems might be reproduced with a 50-100 code lines sample.
  5. #5

    This is some error...

    Danill, sorry for posting to many lines, but it is the whole page.

    I'm using firebug for detecting the error.

    Maybe this image can help to suggest any solution:
    Click image for larger version. 

Name:	imgc01.PNG 
Views:	75 
Size:	24.6 KB 
ID:	23913
    Last edited by rguardado; Apr 23, 2015 at 4:20 AM.
  6. #6
    I don't quite have any ideas why this error happens.

    To help you, we need a runnable test case to reproduce the problem. Please provide.

    y.isFocusable - what is "y" by the way?

Similar Threads

  1. [CLOSED] setActiveTab with disabled TabPanel
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Sep 30, 2013, 8:12 PM
  2. SetActiveTab in GroupTabPanel
    By Rupesh in forum 1.x Help
    Replies: 4
    Last Post: Dec 11, 2010, 12:16 PM
  3. Tab - Autoload - setActiveTab After Tab loaded
    By Tbaseflug in forum 1.x Help
    Replies: 4
    Last Post: Jun 17, 2009, 4:39 PM
  4. [FIXED] [V0.6] TabPanel and SetActiveTab
    By Timothy in forum Bugs
    Replies: 2
    Last Post: Sep 10, 2008, 7:35 AM
  5. [CLOSED] TabPanel.SetActiveTab with PostBack
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Jul 14, 2008, 12:38 PM

Tags for this Thread

Posting Permissions