Hello: this is my first time using PagingToolBar but i have this error when the form loads.


Click image for larger version.  Name: ErrorUp.jpg  Views: 28  Size: 39.9 KB  ID: 1545
<ext:Store ID="StoreCiclos" runat="server">
<Proxy>
<ext:HttpProxy runat="server" Method="GET" Url="../../WebService/LlenaComboCatalogos.asmx/ObtieneCiclos" /> 
</Proxy>
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="iidCicloEscolar" Type="int" Mapping="tmidCicloEscolar" /> 
<ext:RecordField Name="iidEscuela" Type="int" Mapping="tmidEscuela" /> 
<ext:RecordField Name="iidSede" Type="int" Mapping="tmidSede" /> 
<ext:RecordField Name="iidDenGrado" Type="int" Mapping="tmidDenGrado" /> 
<ext:RecordField Name="iA¤oInicio" Type="int" Mapping="tmA¤oInicio" /> 
<ext:RecordField Name="iA¤oFin" Type="int" Mapping="tmA¤oFin" /> 
<ext:RecordField Name="sDescripcionCiclo" Type="String" Mapping="tmDescripcionCiclo" /> 
<ext:RecordField Name="sCodigoCorto" Type="String" Mapping="tmCodigoCorto" /> 
<ext:RecordField Name="sFechaInicio" Type="String" Mapping="tmFechaInicio" /> 
<ext:RecordField Name="sFechaFin" Type="String" Mapping="tmFechaFin" /> 
</Fields>
</ext:ArrayReader>
</Reader>
<Listeners>
<DataChanged Handler="var record = this.getAt(0) || {};#{FormPanel1}.getForm().loadRecord(record);" />
</Listeners>
</ext:Store>

<%-- <ext:Store runat="server" ID="StoreCiclos">
<AutoLoadParams>
<ext:Parameter Name="start" Value="={0}" />
</AutoLoadParams>
<Proxy>
<ext:HttpProxy runat="server" Method="GET" Url="../../WebService/LlenaComboCatalogos.asmx/ObtieneCiclos" /> 
</Proxy>
<Reader>
<ext:JsonReader Root="Ciclos" TotalProperty="totalCount" >
<Fields>
<ext:RecordField Name="iidCicloEscolar" Type="int" Mapping="tmidCicloEscolar" /> 
<ext:RecordField Name="iidEscuela" Type="int" Mapping="tmidEscuela" /> 
<ext:RecordField Name="iidSede" Type="int" Mapping="tmidSede" /> 
<ext:RecordField Name="iidDenGrado" Type="int" Mapping="tmidDenGrado" /> 
<ext:RecordField Name="iA¤oInicio" Type="int" Mapping="tmA¤oInicio" /> 
<ext:RecordField Name="iA¤oFin" Type="int" Mapping="tmA¤oFin" /> 
<ext:RecordField Name="sDescripcionCiclo" Type="String" Mapping="tmDescripcionCiclo" /> 
<ext:RecordField Name="sCodigoCorto" Type="String" Mapping="tmCodigoCorto" /> 
<ext:RecordField Name="sFechaInicio" Type="String" Mapping="tmFechaInicio" /> 
<ext:RecordField Name="sFechaFin" Type="String" Mapping="tmFechaFin" /> 
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>--%>


<ext:FormPanel ID="FormPanel1" runat="server" BodyStyle="padding:5px;" ButtonAlign="Right"
Frame="true" Height="400" Title="Administraci¢n de Ciclos Escolares" Width="500">
<Body>
<ext:Toolbar ID="ToolbarAlumnos" runat="server">
<Items>
<ext:ToolbarButton ID="tbAgregar" runat="server" Icon="Add" Text="Agregar"> 
<Listeners>
<Click Handler=" Coolite.AjaxMethods.fnBotonesGuarda();
Coolite.AjaxMethods.fnLimpiarCajas();
Coolite.AjaxMethods.fnHabilitaCajas();" />
</Listeners>
</ext:ToolbarButton>
<ext:ToolbarButton ID="tbGuardar" runat="server" Icon="Disk" Text="Guardar"> 
<Listeners>
<Click Handler="if(#{FormPanel1}.getForm().isValid()){ 
Coolite.AjaxMethods.fnDesHabilitaCajas();
Coolite.AjaxMethods.fnCargaBotones();
Coolite.AjaxMethods.fnLimpiarCajas(); 
Coolite.AjaxMethods.fnGuardar();
}else{
Ext.Msg.show({icon: Ext.MessageBox.ERROR, msg: 'Falta llenar correctamente los campos marcados en rojo', buttons:Ext.Msg.OK});}" />
</Listeners>
</ext:ToolbarButton> 
<ext:ToolbarButton ID="tbEditar" runat="server" Icon="DiskEdit" Text="Editar"> 
<Listeners>
<Click Handler=" Coolite.AjaxMethods.fnBotonesGuarda();
Coolite.AjaxMethods.fnHabilitaCajas();
" />
</Listeners>
</ext:ToolbarButton> 
<ext:ToolbarButton ID="tbBuscar" runat="server" Icon="PageFind" Text="Buscar">

</ext:ToolbarButton> 
<ext:ToolbarButton ID="tbBorrar" runat="server" Icon="Delete" Text="Borrar">
<Listeners>
<Click Handler=" Coolite.AjaxMethods.fnCargaBotones();
Coolite.AjaxMethods.fnLimpiarCajas();
Coolite.AjaxMethods.fnDesHabilitaCajas();
" />
</Listeners> 
</ext:ToolbarButton>
<ext:ToolbarButton ID="tbImprimir" runat="server" Icon="Printer" Text="Reporte">
<AjaxEvents>

</AjaxEvents>
</ext:ToolbarButton>
<ext:ToolbarButton ID="tbSalir" runat="server" Icon="DoorOut" Text="Salir">
<AjaxEvents>

</AjaxEvents>
<Listeners>
<Click Handler="self.close()" />
</Listeners>
</ext:ToolbarButton>
</Items>
</ext:Toolbar> 
<ext:FormLayout ID="FormLayout1" runat="server"> 
<ext:Anchor Horizontal="100%" > 
<ext:ComboBox ID="ComboEscuela" runat="server" 
TypeAhead="true" 
FieldLabel="Escuela"
Mode="Local"
Editable="true" 
AllowBlank="false"
DataIndex="iidEscuela"
Enabled="true"
StoreID="StoreEscuelas"
ForceSelection="true" 
TriggerAction="All" 
DisplayField="sEscuela" 
ValueField="idEscuela" 
Width="180" 
ListWidth="180" 
BlankText="Seleccione la Escuela">
<Listeners>
<Select Handler="#{ComboSede}.clearValue();#{StoreSede}.load();" />
</Listeners>
</ext:ComboBox> 
</ext:Anchor>

<ext:Anchor Horizontal="100%" > 
<ext:ComboBox ID="ComboSede" runat="server" 
TypeAhead="true" 
FieldLabel="Sede"
Mode="Local"
DataIndex="iidSede"
Enabled="true" 
ForceSelection="true" 
TriggerAction="All" 
StoreID="StoreSede"
Editable="true"
AllowBlank="false" 
DisplayField="sSede" 
ValueField="idSede" 
Width="180" 
ListWidth="180" 
BlankText="Seleccione la Sede">
<Listeners>
<Select Handler="#{CboDGrado}.clearValue();#{SFCombo}.load();" />
</Listeners>
</ext:ComboBox>
</ext:Anchor> 

<ext:Anchor Horizontal="100%" > 
<ext:ComboBox ID="CboDGrado" runat="server" 
TypeAhead="true" 
FieldLabel="Denominaci¢n de Grado"
Mode="Local"
Enabled="true" 
ForceSelection="true" 
TriggerAction="All" 
StoreID="SFCombo"
Editable="true"
DataIndex="iidDenGrado"
AllowBlank="false" 
DisplayField="sValor2" 
ValueField="sValor1" 
Width="180" 
ListWidth="180" 
BlankText="Seleccione la denominaci¢n de grado">
</ext:ComboBox> 

</ext:Anchor> 

<ext:Anchor Horizontal="95%">
<ext:MultiField ID="MultiField2" MonitorValid="true" MonitorPoll="500" FieldLabel = "Datos del Ciclo" runat="server" >
<Fields>
<ext:NumberField ID="txtA¤oInicio" runat="server" BlankText="Introduzca el A¤o Inicial" Note="A¤o Inicial" MaxLength ="4" AllowBlank="false" Width ="100" DataIndex="iA¤oInicio" format ="0000">
</ext:NumberField> 
<ext:NumberField ID="txtA¤oFin" runat="server" BlankText="Introduzca el A¤o Final" Note="A¤o Final" MaxLength ="4" AllowBlank="false" Width ="100" DataIndex="iA¤oFin" format ="0000">
</ext:NumberField> 
<ext:TextField ID="txtDescripcionCiclo" runat="server" Width ="400" DataIndex="sDescripcionCiclo" BlankText="Introduzca la Descripcion del Ciclo" 
FieldLabel="Descripci¢nCiclo" Note="Descripci¢n Ciclo" MaxLength ="400" AllowBlank="false" /> 
<ext:TextField ID="txtCodigoCorto" runat="server" Width ="400" DataIndex="sCodigoCorto" BlankText="Introduzca el Codigo Corto"
FieldLabel="CodigoCorto" Note="Codigo Corto" MaxLength ="400" AllowBlank="false" /> 
<ext:DateField ID="dFechaInicial" runat="server" DataIndex="sFechaInicio" Width ="100" FieldLabel = "Fecha" Note="Fecha Inicial " AllowBlank="false" BlankText="Introduzca la Fecha Inicial">
</ext:DateField>
<ext:DateField ID="dFechaFinal" runat="server" DataIndex="sFechaFin" Width ="100" FieldLabel = "Fecha" Note="Fecha Final " AllowBlank="false" BlankText="Introduzca la Fecha Final">
</ext:DateField> 
</Fields>
</ext:MultiField> 
</ext:Anchor> 
</ext:FormLayout> 
</Body> 
<BottomBar>
<ext:PagingToolbar ID="Pager1" runat="server" PageSize="1" StoreID="StoreCiclos" DisplayInfo="false" />
</BottomBar> 
</ext:FormPanel>
</div>
</form>