[CLOSED] Cannot set the text in a TextField

  1. #1

    [CLOSED] Cannot set the text in a TextField

    What am I doing incorrectly? I am trying to set the text in the code behind, but it doesn't ever appear. Any suggestions?

    <%@ Page Language="vb"%>
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Untitled Page</title>
        <script runat="server">
            Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load                              
                If Not Page.IsPostBack Then
                    txtName.Text = "test"
                End If             
            End Sub
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        <ext:ViewPort ID="ViewPort1" runat="server">
            <Body>       
            <ext:Panel
                ID="Panel5"
                runat="server"
                Title="Digital Ad Campaign"
                BodyStyle="padding:5px;"
                ButtonAlign="Center" >
                <Body>
                    <ext:ContainerLayout ID="ContainerLayout1" runat="server">
                        <ext:Panel ID="Panel10" runat="server" Border="false" StyleSpec="padding:5px;">
                            <Body>
                                <ext:Panel ID="Panel11" runat="server" Border="false" Header="false" Frame="false">
                                    <Body>
                                        <ext:FormLayout ID="FormLayoutCampaign" runat="server" LabelAlign="Left" LabelWidth="65" LabelSeparator="">
                                            <ext:Anchor>
                                                <ext:TextField ID="txtName" runat="server" FieldLabel="Name:" Width="400" AllowBlank="false"/>
                                            </ext:Anchor>                                                                       
                                            <ext:Anchor>
                                                <ext:ComboBox ID="cboType" runat="server" FieldLabel="Type:" Width="400" DisplayField="DropDownDisplay" ValueField="ID" SelectedIndex="0"></ext:ComboBox> 
                                            </ext:Anchor>
                                            <ext:Anchor>
                                                <ext:Button runat="server" ID="btntest"></ext:Button>
                                            </ext:Anchor>
                                        </ext:FormLayout>
                                    </Body>
                                </ext:Panel>
                            </Body>
                        </ext:Panel>                            
                        <ext:TabPanel ID="TabPanel1" 
                            runat="server" 
                            ActiveTabIndex="0" 
                            Plain="true"
                            Height="300">
                            <Tabs>                                                        
                                <ext:Tab 
                                    ID="TabDetails"
                                    runat="server"
                                    Title="Details"
                                    BodyStyle="padding:10px;">
                                    <Body>
                                        <ext:Panel ID="Panel13" runat="server" Border="false" Header="false" Frame="false">
                                        <Body>
                                            <ext:ColumnLayout ID="ColumnLayout4" runat="server">
                                                <ext:LayoutColumn>
                                                    <ext:Panel ID="Panel17" runat="server" Border="false" Width="200px">
                                                        <Body>
                                                            <ext:FormLayout ID="FormLayout11" runat="server" LabelAlign="Left" LabelSeparator=":" LabelWidth="65">
                                                                <ext:Anchor>
                                                                    <ext:DateField runat="server" ID="dtStartDate" FieldLabel="Start Date" Width="100"></ext:DateField>
                                                                </ext:Anchor>    
                                                                <ext:Anchor>
                                                                    <ext:DateField runat="server" ID="dtEndDate" FieldLabel="End Date" Width="100"></ext:DateField>
                                                                </ext:Anchor>                                                                                                                                        
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:Panel>
                                                </ext:LayoutColumn>
                                                <ext:LayoutColumn>
                                                    <ext:Panel ID="Panel18" runat="server" Border="false" Width="150px">
                                                        <Body>
                                                            <ext:FormLayout ID="FormLayout12" runat="server" LabelAlign="Left" LabelSeparator=":" LabelWidth="65">
                                                                <ext:Anchor>                                                    
                                                                    <ext:TextField ID="txtImpressions" runat="server" FieldLabel="Impressions" Width="50" />                                                  
                                                                </ext:Anchor>                                                   
                                                                <ext:Anchor>
                                                                    <ext:TextField ID="txtClicks" runat="server" FieldLabel="Clicks" Width="50" />
                                                                </ext:Anchor>
                                                                <ext:Anchor>
                                                                    <ext:TextField ID="txtActions" runat="server" FieldLabel="Actions" Width="50" />
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:Panel>
                                                </ext:LayoutColumn>
                                                <ext:LayoutColumn>
                                                    <ext:Panel ID="Panel19" runat="server" Border="false" Width="150px">
                                                        <Body>
                                                            <ext:FormLayout ID="FormLayout13" runat="server" LabelAlign="Left" LabelSeparator=":" LabelWidth="50">
                                                                <ext:Anchor>
                                                                    <ext:ComboBox runat="server" ID="cboPriority" FieldLabel="Priority" Width="50">
                                                                        <Items>
                                                                            <ext:ListItem Text="1" />
                                                                            <ext:ListItem Text="2" />
                                                                            <ext:ListItem Text="3" />
                                                                            <ext:ListItem Text="4" />
                                                                            <ext:ListItem Value="5" Text="5" />
                                                                            <ext:ListItem Text="6" />
                                                                            <ext:ListItem Text="7" />
                                                                            <ext:ListItem Text="8" />
                                                                            <ext:ListItem Text="9" />
                                                                            <ext:ListItem Text="10" />
                                                                        </Items>
                                                                    </ext:ComboBox>
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:Panel>
                                                </ext:LayoutColumn>
                                            </ext:ColumnLayout>                                            
                                        </Body>
                                    </ext:Panel>
                                    <ext:Panel ID="Panel12" runat="server" Border="false" Header="false" Frame="false">
                                        <Body>
                                            <ext:FormLayout ID="FormLayout4" runat="server" LabelAlign="Left" LabelWidth="58">
                                                <ext:Anchor>
                                                    <ext:TextField ID="txtURL" runat="server" FieldLabel="URL" Width="400" />
                                                </ext:Anchor>
                                                <ext:Anchor>
                                                    <ext:TextArea ID="txtKeywords" runat="server" FieldLabel="Keywords" Width="400" />
                                                </ext:Anchor>                     
                                            </ext:FormLayout>
                                        </Body>
                                    </ext:Panel>                                          
                                    </Body>
                                </ext:Tab>                                                        
                                <ext:Tab 
                                    ID="TabPricing"
                                    runat="server"
                                    Title="Pricing"
                                    BodyStyle="padding:10px;">
                                    <Body>
                                        <ext:Panel ID="Panel14" runat="server" Border="false">
                                            <Body>               
                                                <ext:FormLayout ID="FormLayout3" runat="server" LabelAlign="Left" LabelWidth="65" LabelSeparator="">
                                                    <ext:Anchor>
                                                        <ext:ComboBox runat="server" ID="ComboBox1" FieldLabel="Model:" Width="375">
                                                                <Items>
                                                                    <ext:ListItem Text="Fixed - flat rate" Value="1" />
                                                                    <ext:ListItem Text="CPM - cost per 1000 impressions" Value="2" />
                                                                    <ext:ListItem Text="CPC - cost per click" Value="3" />
                                                                    <ext:ListItem Text="CPA - cost per action" Value="4" />
                                                                </Items>                
                                                            </ext:ComboBox>
                                                    </ext:Anchor>                                     
                                                </ext:FormLayout>
                                            </body>
                                        </ext:Panel>
                                        <ext:Panel ID="Panel6" runat="server" Border="false" Width="600" Frame="false">
                                            <Body>                                            
                                                <ext:ColumnLayout ID="ColumnLayout1" runat="server" >
                                                    <ext:LayoutColumn>
                                                        <ext:Panel ID="Panel1" runat="server" Border="false" Width="170px">
                                                            <Body>
                                                                <ext:FormLayout ID="FormLayout2" runat="server" LabelAlign="Left" LabelSeparator="" LabelWidth="65">
                                                                    <ext:Anchor>
                                                                        <ext:TextField ID="TextField5" runat="server" FieldLabel="Net:" Width="75" />
                                                                    </ext:Anchor>                                                                
                                                                    <ext:Anchor>
                                                                        <ext:TextField ID="TextField7" runat="server" FieldLabel="Gross:" Width="75"  />
                                                                    </ext:Anchor>    
                                                                    <ext:Anchor>
                                                                        <ext:TextField ID="TextField10" runat="server" FieldLabel="Barter:" Width="75"  />
                                                                    </ext:Anchor>       
                                                                    <ext:Anchor>
                                                                        <ext:TextField ID="TextField8" runat="server" FieldLabel="" Width="" Hidden="true" HideMode="Visibility" />
                                                                    </ext:Anchor>                                                                                                                         
                                                                </ext:FormLayout>
                                                            </Body>
                                                        </ext:Panel>
                                                    </ext:LayoutColumn>
                                                    <ext:LayoutColumn>
                                                        <ext:Panel ID="Panel3" runat="server" Border="false" Width="150px">
                                                            <Body>
                                                                <ext:FormLayout ID="FormLayout5" runat="server" LabelAlign="Left" LabelSeparator="" LabelWidth="65">                                                                
                                                                    <ext:Anchor>
                                                                        <ext:TextField ID="TextField1" runat="server" FieldLabel="Discount:" Width="75" Enabled="false" />
                                                                    </ext:Anchor>
                                                                    <ext:Anchor>
                                                                        <ext:TextField ID="TextField3" runat="server" FieldLabel="Surcharge:" Width="75" Enabled="false" />
                                                                    </ext:Anchor>     
                                                                    <ext:Anchor>
                                                                        <ext:TextField ID="TextField4" runat="server" FieldLabel="Installments:" Width="75" Text="n/a" Enabled="false" />
                                                                    </ext:Anchor>                                                      
                                                                </ext:FormLayout>
                                                            </Body>
                                                        </ext:Panel>
                                                    </ext:LayoutColumn>
                                                    <ext:LayoutColumn>
                                                        <ext:Panel ID="Panel4" runat="server" Border="false" Width="150px">
                                                            <Body>
                                                                <ext:FormLayout ID="FormLayout7" runat="server" LabelAlign="Left" LabelSeparator="" LabelWidth="5">
                                                                    <ext:Anchor>
                                                                        <ext:HyperLink ID="HyperLink1" runat="server" Text="discounts" FieldLabel="" Icon="PlayGreen" IconAlign="Right"></ext:HyperLink>
                                                                    </ext:Anchor>
                                                                    <ext:Anchor>
                                                                        <ext:HyperLink ID="HyperLink3" runat="server" Text="surcharges" FieldLabel="" Icon="PlayGreen" IconAlign="Right"></ext:HyperLink>
                                                                    </ext:Anchor>                                                                                                                                
                                                                    <ext:Anchor>
                                                                        <ext:HyperLink ID="HyperLink2" runat="server" Text="installment billing" FieldLabel="" Icon="PlayGreen" IconAlign="Right"></ext:HyperLink>
                                                                    </ext:Anchor>
                                                                </ext:FormLayout>
                                                            </Body>
                                                        </ext:Panel>
                                                    </ext:LayoutColumn>
                                                </ext:ColumnLayout>
                                            </Body>
                                        </ext:Panel>
                                    </Body>
                                </ext:Tab>
                                <ext:Tab 
                                    ID="TabPlacement"
                                    runat="server"
                                    Title="Placement"
                                    BodyStyle="padding:10px;">
                                    <Body>
                                        <ext:Panel ID="Panel2" runat="server" Border="false" Header="false" Frame="false">
                                            <Body>
                                                <ext:FormLayout ID="FormLayout1" runat="server" LabelAlign="Left" LabelWidth="58">
                                                    <ext:Anchor>
                                                        <ext:ComboBox runat="server" ID="ComboBox2" FieldLabel="Product" Width="400">
                                                            <Items>
                                                                <ext:ListItem Text="Newsletter: 2010-01-15" Value="1" />
                                                                <ext:ListItem Text="Newsletter: 2010-02-15" Value="2" />
                                                                <ext:ListItem Text="Newsletter: 2010-03-15" Value="3" />
                                                                <ext:ListItem Text="Website: Arts and Design Magazine" Value="3" />
                                                            </Items>                
                                                        </ext:ComboBox>
                                                    </ext:Anchor>
                                                    <ext:Anchor Horizontal="80%">
                                                        <ext:MultiSelect runat="server" ID="MultiSelect2" FieldLabel="Section" Width="400" >
                                                            <Items>
                                                                <ext:ListItem Text="Home Page" />
                                                                <ext:ListItem Text="Products - Channel" />
                                                            </Items>                
                                                        </ext:MultiSelect>
                                                    </ext:Anchor>   
                                                    <ext:Anchor Horizontal="80%">
                                                        <ext:MultiSelect runat="server" ID="MultiSelect1" FieldLabel="Position" Width="400" >
                                                            <Items>
                                                                <ext:ListItem Text="Header (750 x 90)" />
                                                                <ext:ListItem Text="Right Side Bar (35 x 400)" />
                                                                <ext:ListItem Text="Home Page - Header (750 x 90)" />
                                                                <ext:ListItem Text="Home Page - Footer (750 x 25)" />                                                                    
                                                                <ext:ListItem Text="Home Page - Right Side Bar (35 x 400)" />
                                                                <ext:ListItem Text="News - Header (750 x 90)" />
                                                                <ext:ListItem Text="News - Footer (750 x 25)" />   
                                                                <ext:ListItem Text="News - Right Side Bar (35 x 400)" />
                                                                <ext:ListItem Text="News - Left Side Bar (35 x 400)" />
                                                            </Items>                
                                                        </ext:MultiSelect>
                                                    </ext:Anchor>                                 
                                                </ext:FormLayout>
                                            </Body>
                                        </ext:Panel>
                                    </Body>
                                </ext:Tab>                            
                                <ext:Tab 
                                    ID="TabBanners"
                                    runat="server"
                                    Title="Banners" StyleSpec="padding:10px;">
                                    <Body>
                                        <ext:Store ID="Store2" runat="server">
                                            <Reader>
                                                <ext:ArrayReader>
                                                    <Fields>
                                                        <ext:RecordField Name="name" />
                                                        <ext:RecordField Name="url" />
                                                    </Fields>
                                                </ext:ArrayReader>
                                            </Reader>
                                        </ext:Store>                                                                           
                                        
                                        <ext:Panel 
                                            ID="Panel15" 
                                            runat="server" 
                                            Frame="false" 
                                            Width="450" 
                                            Title="" Header="false" Border="false">
                                            <Body>
                                            
                                                <ext:FormLayout ID="FormLayout9" runat="server" LabelWidth="100" LabelAlign="Left">
                                                    <ext:Anchor>
                                                        <ext:FileUploadField runat="server" ID="FormUploadField1" FieldLabel="Upload Banner" Width="300" ></ext:FileUploadField>
                                                    </ext:Anchor>
                                                    <ext:Anchor>
                                                        <ext:TextField runat="server" ID="TextField6" FieldLabel="Selected Banner" Width="300" ReadOnly="true"></ext:TextField>
                                                    </ext:Anchor>
                                                </ext:FormLayout>
                                            </body>
                                        </ext:Panel>                                                                              
                                        <ext:Panel 
                                            ID="ImagePanel" 
                                            runat="server" 
                                            Cls="images-view" 
                                            Frame="false" 
                                            AutoHeight="true" 
                                            Width="500" 
                                            Collapsible="false" 
                                            Header="False" Border="false">
                                            <Body>
                                                <ext:FitLayout ID="FitLayout2" runat="server">
                                                    <ext:DataView ID="DataView1" runat="server"
                                                        StoreID="Store2"
                                                        AutoHeight="true"
                                                        MultiSelect="false"
                                                        OverClass="x-view-over"
                                                        ItemSelector="div.thumb-wrap"
                                                        EmptyText="No images to display" >
                                                        <Template ID="Template1" runat="server">
                                                            <tpl for=".">
                                                                <div class="thumb-wrap" id="{name}">
                                                       <div class="thumb"><img src="{url}" title="{name}">
    
                                                           {shortName}
                                                       
    
                                                            </tpl>
                                                            <div class="x-clear">
                                
                                                        </Template>                         
                                                                        
                                                        <Listeners>
                                                            <DblClick Handler="changeBanner(this.store.getAt(index).data)" />                                                        
                                                        </Listeners>   
                                                        
                                                        <Plugins>
                                                            <ext:GenericPlugin ID="GenericPlugin1" runat="server" InstanceOf="Ext.DataView.DragSelector" />
                                                        </Plugins>
                                                    </ext:DataView>
                                                </ext:FitLayout>
                                            </Body>
                                        </ext:Panel>
    
    
    
                                    </Body>
                                </ext:Tab>
                                <ext:Tab ID="TabAdvertiser"
                                    runat="server" 
                                    Title="Advertiser" 
                                    AutoHeight="true" 
                                    BodyStyle="padding:0px;">
                                    <Body>
                                        <ext:ColumnLayout ID="ColumnLayout2" runat="server">
                                            <ext:LayoutColumn>
                                                <ext:Panel ID="Panel7" runat="server" Border="false" Frame="true" StyleSpec="padding:10px;" Width="250px">
                                                    <Body>
                                                        Company Name
                                                        <br /><br />First &amp; Last Name
                                                        <br />email@email.com
                                                        <br />123-456-7890
                                                        <br />123-456-7890 (c)
                                                    </Body>
                                                </ext:Panel>
                                            </ext:LayoutColumn>
                                            <ext:LayoutColumn>
                                                <ext:Panel ID="Panel8" runat="server" Border="false" Frame="true" StyleSpec="padding:10px;" Width="250px">
                                                    <Body>
                                                        Agency Name
                                                        <br /><br />First &amp; Last Name
                                                        <br />email@email.com
                                                        <br />123-456-7890
                                                        <br />123-456-7890 (c)
                                                    </Body>
                                                </ext:Panel>
                                            </ext:LayoutColumn>
                                            <ext:LayoutColumn>
                                               <ext:Panel ID="Panel9" runat="server" Border="false" Frame="true" StyleSpec="padding:10px;" Width="250px">
                                                    <Body>
                                                        Production Contact
                                                        <br /><br />First &amp; Last Name
                                                        <br />email@email.com
                                                        <br />123-456-7890
                                                        <br />123-456-7890 (c)
                                                    </Body>
                                                </ext:Panel>
                                            </ext:LayoutColumn>                                        
                                        </ext:ColumnLayout>
                                    </Body>
                                </ext:Tab>
                                <ext:Tab 
                                    ID="TabReps"
                                    runat="server"
                                    Title="Sales Reps"
                                    BodyStyle="padding:10px;">
                                    <Body>   
                                        <ext:Store ID="Store1" runat="server">
                                            <Reader>
                                                <ext:ArrayReader>
                                                    <Fields>
                                                        <ext:RecordField Name="Name" />
                                                        <ext:RecordField Name="Percentage" Type="Int" />
                                                    </Fields>
                                                </ext:ArrayReader>
                                            </Reader>
                                        </ext:Store>
                                     
                                       <ext:GridPanel 
                                            ID="GridPanel1" 
                                            runat="server" 
                                            StoreID="Store1" 
                                            Width="400" 
                                            Height="200"
                                            AutoExpandColumn="SalesRep" Header="false" Border="false">
                                            <ColumnModel ID="ColumnModel1" runat="server">
                                                <Columns>
                                                    <ext:Column ColumnID="SalesRep" Header="Sales Rep" DataIndex="Name" Sortable="false" />
                                                    <ext:Column Header="Percentage" DataIndex="Percentage" Sortable="false" />
                                                </Columns>
                                            </ColumnModel>
                                        </ext:GridPanel>  
                                    </Body>
                                </ext:Tab>                               
                                <ext:Tab 
                                    ID="TabCustomFields"
                                    runat="server"
                                    Title="Custom Fields" StyleSpec="padding:10px;">
                                    <Body>
                                        <ext:FormLayout ID="FormLayout6" runat="server" LabelWidth="75" LabelAlign="Top">
                                            <ext:Anchor>
                                                <ext:TextField ID="TextField13" runat="server" FieldLabel="Name" Width="230" />
                                            </ext:Anchor>
                                            <ext:Anchor>
                                                <ext:TextField ID="TextField14" runat="server" FieldLabel="Age" Width="230" />
                                            </ext:Anchor>
                                        </ext:FormLayout>
                                    </Body>
                                </ext:Tab>
                                <ext:Tab ID="TabNotes"
                                    runat="server"
                                    Title="Notes"
                                    BodyStyle="padding:10px">
                                    <Body>
                                        <ext:TextArea runat="server" id="TextArea1" Width="500" Height="250"></ext:TextArea>
                                    </Body>
                                </ext:Tab>                           
                            </Tabs>
                        </ext:TabPanel>
                    </ext:ContainerLayout>
                </Body>
                <Buttons>
                    <ext:Button ID="Button1" runat="server" Text="Save" />
                    <ext:Button ID="Button2" runat="server" Text="Cancel" />
                </Buttons>
            </ext:Panel>
            <ext:TextField runat="server" ID="txtCampaignID"></ext:TextField>
            </body>
            </ext:ViewPort>     
        </form>
    </body>
    </html>
  2. #2

    RE: [CLOSED] Cannot set the text in a TextField

    Hi iansriley,

    Looking at your code it appears fine. Can you simplify your example and reduce down to the minimum required to reproduce the problem?

    Are you using v0.8.2?

    Geoffrey McGill
    Founder
  3. #3

    RE: [CLOSED] Cannot set the text in a TextField

    Hi,

    Your example raises js errors


    1. You use DragSelector plugin in the DataView but didn't attach js file with that plugin. You can find that js file in source window of the following example
    https://examples1.ext.net/#/DataView/Basic/Overview/


    2. You define PrepareData function for DataView but didn't define that function

  4. #4

    RE: [CLOSED] Cannot set the text in a TextField

    Thanks Vlad, that solved it for me... please mark as [CLOSED]

Similar Threads

  1. [CLOSED] Get Dynamic TextField Text...
    By gs_user in forum 2.x Legacy Premium Help
    Replies: 8
    Last Post: Apr 24, 2012, 3:56 AM
  2. [CLOSED] How to: TextField with multiline text and new lines
    By digitek in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 20, 2011, 12:57 PM
  3. [CLOSED] how to display text or value in textfield using javascript
    By Vasudhaika in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Mar 19, 2011, 11:18 AM
  4. ext:TextField text wrap please help
    By gopikrishna in forum 1.x Help
    Replies: 0
    Last Post: Feb 14, 2011, 7:50 AM
  5. TextField text disappearing
    By EzaBlade in forum 1.x Help
    Replies: 8
    Last Post: Apr 24, 2009, 7:46 AM

Posting Permissions