Sep 08, 2010, 5:33 PM
Gridpanel undefined in Master page
sorry for my english:
i have a two gridpanel (like in example) inside master page (asp:content), but when i try add a element from one grid to another, i get the error grdProyectostipo undefined. if i put the grids outside of master page, it works perfectly.
please, helpme
i have a two gridpanel (like in example) inside master page (asp:content), but when i try add a element from one grid to another, i get the error grdProyectostipo undefined. if i put the grids outside of master page, it works perfectly.
please, helpme
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="pertinencias.aspx.vb" Inherits="Test" %>
<%@ Import Namespace="System.Threading" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<script type="text/javascript">
var CountrySelector = {
add: function (sender, source, destination) {
source = source || grdProyectosTipo;
destination = destination || grdProyectosAsignados;
if (source.hasSelection()) {
var records = source.selModel.getSelections();
source.deleteSelected();
Ext.each(records, function (record) {
destination.store.addSorted(record);
});
}
},
addAll: function (source, destination) {
source = source || grdProyectosTipo;
destination = destination || grdProyectosAsignados;
var records = source.store.getRange();
source.store.removeAll();
Ext.each(records, function (record) {
destination.store.addSorted(record);
});
},
addByName: function (name) {
if (!Ext.isEmpty(name)) {
var result = Store1.query("Name", name);
if (!Ext.isEmpty(result.items)) {
grdProyectosTipo.store.remove(result.items[0]);
grdProyectosAsignados.store.add(result.items[0]);
}
}
},
addByNames: function (name) {
for (var i = 0; i < name.length; i++) {
this.addByName(name[i]);
}
},
remove: function (source, destination) {
this.add(destination, source);
},
removeAll: function (source, destination) {
this.addAll(destination, source);
}
};
</script>
<ext:resourcemanager ID="ResourceManager1" runat="server" />
<asp:XmlDataSource
ID="XmlDataSource1"
runat="server"
DataFile="countries.xml"
TransformFile="countries.xsl"
/>
<ext:Store runat="server" ID="Store1" DataSourceID="XmlDataSource1">
<SortInfo Field="Name" Direction="ASC" />
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="Name" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Store runat="server" ID="Store2" >
<SortInfo Field="Name" Direction="ASC" />
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="Name" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<%--
InsertCommand="INSERT INTO [persona] ([curp], [clavelector], [folioportunidades], [nombre], [apellidop], [apellidom], [sexo], [edad], [edo_civil], [fechanac], [telefono], [idcategoria]) VALUES (@curp, @clavelector, @folioportunidades, @nombre, @apellidop, @apellidom, @sexo, @edad, @edo_civil, @fechanac, @telefono, @idcategoria)"
--%>
<ext:Panel ID="pnlPertinencias"
runat="server"
Title="Pertinencias"
Frame="true"
ButtonAlign="Center" Header="TRUE"
Height="510" Width="1100"
>
<Items>
<ext:RowLayout ID="rwlPertinencias" runat="server" Split="true" >
<Rows>
<ext:LayoutRow RowHeight="0.1">
<ext:Panel ID="pnlBeneficiaria" runat="server" Title="Beneficiaria" Header="false">
<Items>
<ext:CompositeField ID="CompositeField1" runat="server" CombineErrors="false">
<Items>
<ext:DisplayField ID="DisplayField3" runat="server" Text="Localidad" />
<ext:ComboBox ID="cmbLocalidad" runat="server" >
</ext:ComboBox>
<ext:DisplayField ID="DisplayField1" runat="server" Text="Beneficiaria" />
<ext:ComboBox ID="cmbBeneficiaria" runat="server" >
</ext:ComboBox>
</Items>
</ext:CompositeField>
</Items>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.4">
<ext:Panel ID="pnlProyectosTipo" runat="server" Title="Proyectos tipo" Header="false" >
<Items>
<ext:ColumnLayout ID="ColumnLayout1" runat="server" FitHeight="true">
<Columns>
<ext:LayoutColumn ColumnWidth="0.4">
<ext:GridPanel
runat="server"
ID="grdProyectosTipo"
EnableDragDrop="true"
AutoExpandColumn="Country"
StoreID="Store1">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="Country" Header="PROYECTOS TIPO" DataIndex="Name" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
</SelectionModel>
<Plugins>
<ext:GridFilters ID="GridFilters1" runat="server" Local="true">
<Filters>
<ext:StringFilter DataIndex="Name" />
</Filters>
</ext:GridFilters>
</Plugins>
</ext:GridPanel>
</ext:LayoutColumn>
<ext:LayoutColumn>
<ext:Panel
ID="pnlBotones"
runat="server"
Width="35"
BodyStyle="background-color: transparent;"
Border="false"
Layout="Anchor">
<Items>
<ext:Panel ID="Panel1" runat="server" Border="false" BodyStyle="background-color: transparent;" AnchorVertical="40%" />
<ext:Panel ID="Panel2" runat="server" Border="false" BodyStyle="background-color: transparent;" Padding="5">
<Items>
<ext:Button ID="Button1" runat="server" Icon="ResultsetNext" StyleSpec="margin-bottom:2px;">
<Listeners>
<Click Handler="CountrySelector.add(this.container);" />
</Listeners>
<ToolTips>
<ext:ToolTip ID="ToolTip1" runat="server" Title="Add" Html="Add Selected Rows" />
</ToolTips>
</ext:Button>
<ext:Button ID="Button2" runat="server" Icon="ResultsetLast" StyleSpec="margin-bottom:2px;">
<Listeners>
<Click Handler="CountrySelector.addAll();" />
</Listeners>
<ToolTips>
<ext:ToolTip ID="ToolTip2" runat="server" Title="Add all" Html="Add All Rows" />
</ToolTips>
</ext:Button>
<ext:Button ID="Button3" runat="server" Icon="ResultsetPrevious" StyleSpec="margin-bottom:2px;">
<Listeners>
<Click Handler="CountrySelector.remove(GridPanel1, GridPanel2);" />
</Listeners>
<ToolTips>
<ext:ToolTip ID="ToolTip3" runat="server" Title="Remove" Html="Remove Selected Rows" />
</ToolTips>
</ext:Button>
<ext:Button ID="Button4" runat="server" Icon="ResultsetFirst" StyleSpec="margin-bottom:2px;">
<Listeners>
<Click Handler="CountrySelector.removeAll(GridPanel1, GridPanel2);" />
</Listeners>
<ToolTips>
<ext:ToolTip ID="ToolTip4" runat="server" Title="Remove all" Html="Remove All Rows" />
</ToolTips>
</ext:Button>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.4">
<ext:GridPanel
runat="server"
ID="grdProyectosAsignados"
EnableDragDrop="false"
AutoExpandColumn="Country"
StoreID="Store2">
<Listeners>
</Listeners>
<ColumnModel ID="ColumnModel2" runat="server">
<Columns>
<ext:Column ColumnID="Country" Header="PROYECTOS ASIGNADOS" DataIndex="Name" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel2" runat="server" />
</SelectionModel>
<SaveMask ShowMask="true" />
</ext:GridPanel>
</ext:LayoutColumn>
<ext:LayoutColumn >
<ext:Panel ID="Panel3" runat="server" Title="Categoria" Header="false" Width="10px"/>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.2">
<ext:Panel
ID="Panel4"
runat="server"
Frame="true" Header="false"
Title="Label Top Align"
LabelAlign="Top"
Layout="Form">
<Items>
<ext:TextField ID="TextField1" runat="server" FieldLabel="Categoria" AnchorHorizontal="95%" />
<ext:TextField ID="TextField2" runat="server" FieldLabel="TamaƱo" AnchorHorizontal="95%" />
</Items>
</ext:Panel>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Items>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.4">
<ext:Panel ID="pnlConceptos" runat="server" Title="Conceptos">
<Items>
<ext:ColumnLayout ID="ColumnLayout2" runat="server" FitHeight="true">
<Columns>
<ext:LayoutColumn ColumnWidth="0.4">
<ext:GridPanel
runat="server"
ID="grdConceptos"
EnableDragDrop="true"
AutoExpandColumn="Country"
StoreID="Store1">
<ColumnModel ID="ColumnModel3" runat="server">
<Columns>
<ext:Column ColumnID="Country" Header="CONCEPTOS" DataIndex="Name" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel3" runat="server" />
</SelectionModel>
<Plugins>
<ext:GridFilters ID="GridFilters2" runat="server" Local="true">
<Filters>
<ext:StringFilter DataIndex="Name" />
</Filters>
</ext:GridFilters>
</Plugins>
</ext:GridPanel>
</ext:LayoutColumn>
<ext:LayoutColumn>
<ext:Panel
ID="Panel5"
runat="server"
Width="35"
BodyStyle="background-color: transparent;"
Border="false"
Layout="Anchor">
<Items>
<ext:Panel ID="Panel6" runat="server" Border="false" BodyStyle="background-color: transparent;" AnchorVertical="40%" />
<ext:Panel ID="Panel7" runat="server" Border="false" BodyStyle="background-color: transparent;" Padding="5">
<Items>
<ext:Button ID="Button5" runat="server" Icon="ResultsetNext" StyleSpec="margin-bottom:2px;">
<Listeners>
<Click Handler="CountrySelector.add();" />
</Listeners>
<ToolTips>
<ext:ToolTip ID="ToolTip5" runat="server" Title="Add" Html="Add Selected Rows" />
</ToolTips>
</ext:Button>
<ext:Button ID="Button6" runat="server" Icon="ResultsetLast" StyleSpec="margin-bottom:2px;">
<Listeners>
<Click Handler="CountrySelector.addAll();" />
</Listeners>
<ToolTips>
<ext:ToolTip ID="ToolTip6" runat="server" Title="Add all" Html="Add All Rows" />
</ToolTips>
</ext:Button>
<ext:Button ID="Button7" runat="server" Icon="ResultsetPrevious" StyleSpec="margin-bottom:2px;">
<Listeners>
<Click Handler="CountrySelector.remove(GridPanel1, GridPanel2);" />
</Listeners>
<ToolTips>
<ext:ToolTip ID="ToolTip7" runat="server" Title="Remove" Html="Remove Selected Rows" />
</ToolTips>
</ext:Button>
<ext:Button ID="Button8" runat="server" Icon="ResultsetFirst" StyleSpec="margin-bottom:2px;">
<Listeners>
<Click Handler="CountrySelector.removeAll(GridPanel1, GridPanel2);" />
</Listeners>
<ToolTips>
<ext:ToolTip ID="ToolTip8" runat="server" Title="Remove all" Html="Remove All Rows" />
</ToolTips>
</ext:Button>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.4">
<ext:GridPanel
runat="server"
ID="grdConceptosAsignados"
EnableDragDrop="false"
AutoExpandColumn="Country"
StoreID="Store2">
<Listeners>
</Listeners>
<ColumnModel ID="ColumnModel4" runat="server">
<Columns>
<ext:Column ColumnID="Country" Header="CONCEPTOS ASIGNADOS" DataIndex="Name" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel4" runat="server" />
</SelectionModel>
<SaveMask ShowMask="true" />
</ext:GridPanel>
</ext:LayoutColumn>
<ext:LayoutColumn >
<ext:Panel ID="Panel8" runat="server" Title="Categoria" Header="false" Width="10px"/>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.2">
<ext:Panel
ID="Panel9"
runat="server"
Frame="true" Header="false"
Title="Label Top Align"
LabelAlign="Top"
Layout="Form">
<Items>
<ext:TextField ID="TextField3" runat="server" FieldLabel="Costo Base" AnchorHorizontal="95%" />
<ext:TextField ID="TextField4" runat="server" FieldLabel="Costo en Localidad" AnchorHorizontal="95%" />
</Items>
</ext:Panel>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Items>
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.1" >
<ext:Panel ID="pnlGuardar" runat="server" Title="Guardar" Header="false"
ButtonAlign="Center">
<Buttons >
<ext:Button ID = "btnGuardar" runat = "server" Text="Guardar">
</ext:Button>
</Buttons>
</ext:Panel>
</ext:LayoutRow>
</Rows>
</ext:RowLayout>
</Items>
</ext:Panel>
</asp:Content>