Gridpanel undefined in Master page

  1. #1

    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

    <%@ 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>
  2. #2
    Hi,

    Because when you use MasterPage then ClientID != ID (we use ClientID on the client side)
    Use XToken control, place javascript in to this control and use #{} syntax
    #{grdProyectostipo}
    or set IDMode="Explicit" for the GridPanel and you can use pure ID in the javascript in this case
  3. #3

    [CLOSED] Gridpanel undefined in Master page

    Thks vladimir, thats work.

    i changed my script by this....

    <ext:XScript runat="server">
        <script type="text/javascript">
            var CountrySelector = {
                add: function (sender,source, destination) {
                    source = source || GridPanel1;
                    destination = destination || GridPanel2;
                    if (source.hasSelection()) {
                        var records = source.selModel.getSelections();
                        source.deleteSelected();
                        Ext.each(records, function (record) {
                            destination.store.addSorted(record);
                        });
                    }
                }
          };
    
         </script>
    </ext:XScript>

Similar Threads

  1. Replies: 1
    Last Post: Sep 08, 2013, 5:10 AM
  2. [CLOSED] Ext is Undefined from javascript on Master Page
    By vaultview in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 03, 2011, 10:42 AM
  3. Replies: 2
    Last Post: Jul 18, 2011, 10:17 PM
  4. [CLOSED] [1.0] Master Page Viewport "comp is undefined"
    By Labyrinth in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 09, 2010, 6:38 AM
  5. Replies: 2
    Last Post: May 05, 2010, 10:23 AM

Posting Permissions