Different behavior when extended control is inside Panel

  1. #1

    Different behavior when extended control is inside Panel

    I would like to extend TextField control. Here is a basic example:

    using Ext.Net;
    
    namespace ExtNetTest
    {
    	public class MyTextField : TextField
    	{
    		public override string InstanceOf
    		{
    			get { return "ExtNetTest.MyTextField"; }
    		}
    
    		public override string XType
    		{
    			get { return "mytextfield"; }
    		}
    	}
    }
    When I use this control on my page, I have a different behavior depends when the control is inside Items in Panel. Here is an example:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ExtNetTest.aspx.cs" Inherits="ExtNetTest.ExtNetTest" %>
    <%@ Register TagPrefix="cc" Namespace="ExtNetTest" Assembly="ExtNetTest" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Test</title>
    	<script type="text/javascript">
    		Ext.define('ExtNetTest.MyTextField', {
    
    			extend: 'Ext.form.field.Text',
    			alias: 'mytextfield'
    		});
    	</script>
    
    	<script runat="server">
    		protected void Submit_Click(object sender, DirectEventArgs e)
    		{
    			X.Msg.Show(new MessageBoxConfig()
    			{
    				Title = "Info",
    				Message = $"1: {myTextField1.Text}; 2: {myTextField2.Text}"
    			});
    		}
    	</script>
    </head>
    <body>
        <form id="form1" runat="server">
    		<ext:ResourceManager runat="server" />
    		<ext:Panel runat="server">
    			<Items>
    				<cc:MyTextField runat="server" ID="myTextField1" />
    			</Items>
    		</ext:Panel>
    		<cc:MyTextField runat="server" ID="myTextField2" />
    		<ext:Button runat="server" Text="Submit">
    			<DirectEvents>
    				<Click OnEvent="Submit_Click" />
    			</DirectEvents>
    		</ext:Button>
        </form>
    </body>
    </html>
    When I click Submit I have something like this posted to server:

    __VIEWSTATEGENERATOR:625FECB0
    myTextField1_SM:
    myTextField1_CheckNodes:
    myTextField2:
    __EVENTTARGET:ctl02
    __EVENTARGUMENT:ctl07|event|Click
    So, my question is, why there is myTextField1_SM and myTextField1_CheckNodes in post data?

    Also, myTextField1 is not rendered properly inside panel - I can add screenshot, but control is just not visible at all.

    How can I fix that?

    I'm using Ext.NET 2.5.3.1, .NET 4.7.1, VS 2017, Windows 7.
  2. #2
    Nevermind. I found the problem. I forgot to add xtype to Ext.define. Here is a working example:

    Ext.define('ExtNetTest.MyTextField', {
    	extend: 'Ext.form.field.Text',
    	alias: 'mytextfield',
    	xtype: 'mytextfield'
    });

Similar Threads

  1. Replies: 4
    Last Post: Sep 27, 2013, 12:09 PM
  2. Click on div inside panel control
    By Vaishali in forum 1.x Help
    Replies: 2
    Last Post: Jan 27, 2012, 6:30 AM
  3. Replies: 1
    Last Post: Aug 05, 2011, 11:15 AM
  4. [CLOSED] [1.0] Extended Control Resources property called 3 times?
    By bsnezw in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 24, 2011, 7:16 PM
  5. Can I stretch a TextArea control inside a Panel?
    By paul-2011 in forum 1.x Help
    Replies: 7
    Last Post: Aug 26, 2010, 10:55 PM

Posting Permissions