What's New?

[CLOSED] Number Field

Page 1 of 2 12 LastLast
  1. #1
    May 10, 2011, 7:29 AM

    [CLOSED] Number Field

    Hi..

    im using coolite version 0.8.1.987..
    i have 1 aspx and ascx page..in .ascx page i have kept one numberfield..in .ascx page i will enter dot(.) in number field and close the .ascx page(see pic1.jpeg)...now i will
    click on button in .aspx page to open .ascx page,but it will display the error " Server Error in '/' Application.
    --------------------------------------------------------------------------------

    The Text value supplied is not a type of Double. Input string was not in a correct format. "

    How to solve this problem

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<%@ Register src="WebUserControl1.ascx" tagname="WebUserControl1" tagprefix="uc1" %>

<!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></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <ext:ScriptManager ID="sm" runat="server" ></ext:ScriptManager>
    <ext:Button ID="btn" runat="server" Text="New Window">
    <AjaxEvents>
    <Click OnEvent="btn_Click"></Click>
    </AjaxEvents>
    </ext:Button>
    </div>
    <uc1:WebUserControl1 ID="WebUserControl11" runat="server" />
    </form>
</body>
</html>
 protected void btn_Click(object sender, AjaxEventArgs e)
        {
            WebUserControl11.show();
        }


<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs" Inherits="WebApplication1.WebUserControl1" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<ext:Window ID="windowForm24" runat="server" Resizable="false" ShowOnLoad="false"
    Width="500" Height="200" BodyStyle="padding:5px" CenterOnLoad="true" Closable="false"
    Modal="true" Title="Testing">
    <Body>
     <ext:NumberField ID="txt" runat="server"  width="120"/>
      <ext:ToolbarButton ID="btnClose" runat="server" Text="Close" Icon="Cancel">
                    <Listeners>
                        <Click Handler="#{windowForm24}.hide(null);" />
                    </Listeners>
                </ext:ToolbarButton>
    </Body>
    </ext:Window>

public void show()
        {
            windowForm24.Show();
        }
    Attached Thumbnails Click image for larger version.  Name: pic2.JPG  Views: 132  Size: 84.1 KB  ID: 2696   Click image for larger version.  Name: pic1.JPG  Views: 122  Size: 24.3 KB  ID: 2697  
    Last edited by Daniil; May 17, 2011 at 2:16 PM. Reason: [CLOSED]
  2. #2
    May 10, 2011, 7:53 AM
    Hi,

    Please set up this Hide listener for the Window.
    <Hide Handler="if (!#{txt}.isValid()) { #{txt}.reset(); }" />
  3. #3
    May 10, 2011, 7:57 AM
    Quote Originally Posted by Daniil View Post
    Hi,

    Please set up this Hide listener for the Window.
    <Hide Handler="if (!#{txt}.isValid()) { #{txt}.reset(); }" />

    ok fine..if i have more number fields in window?
  4. #4
    May 10, 2011, 9:52 AM
    We would suggest you the following way.

    Example .aspx
    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<%@ Register Src="WebUserControl1.ascx" TagName="WebUserControl1" TagPrefix="uc" %>

<script runat="server">
    protected void btn_Click(object sender, AjaxEventArgs e)
    {
        WebUserControl1.show();
    }
</script>

<!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>Coolite 0.8.x Example</title>
</head>
<body>
    <form runat="server">
    <ext:ScriptManager runat="server" />
    <ext:Button runat="server" Text="New Window">
        <AjaxEvents>
            <Click OnEvent="btn_Click" />
        </AjaxEvents>
    </ext:Button>
    <uc:WebUserControl1 ID="WebUserControl1" runat="server" />
    </form>
</body>
</html>
    Example .ascx
    <%@ Control Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<script runat="server">
    public void show()
    {
        Window1.Show();
    }
</script>

<ext:Window 
    ID="Window1" 
    runat="server" 
    Width="300" 
    Height="200" 
    ShowOnLoad="false">
    <Body>
        <ext:FitLayout runat="server">
            <ext:FormPanel ID="FormPanel1" runat="server">
                <Body>
                    <ext:FormLayout runat="server">
                        <ext:Anchor>
                            <ext:NumberField runat="server" FieldLabel="NumberField1" />
                        </ext:Anchor>
                        <ext:Anchor>
                            <ext:TextField runat="server" FieldLabel="TextField" />
                        </ext:Anchor>
                        <ext:Anchor>
                            <ext:NumberField runat="server" FieldLabel="NumberField2" />
                        </ext:Anchor>
                    </ext:FormLayout>
                </Body>
                <Buttons>
                    <ext:Button runat="server" Text="Close">
                        <Listeners>
                            <Click Handler="#{Window1}.hide();" />
                        </Listeners>
                    </ext:Button>
                </Buttons>
            </ext:FormPanel>
        </ext:FitLayout>
    </Body>
    <Listeners>
        <Hide Handler="if (!#{FormPanel1}.isValid()) {
                            #{FormPanel1}.reset();
                       }" />
    </Listeners>
</ext:Window>
  5. #5
    May 11, 2011, 4:37 AM
    Quote Originally Posted by Daniil View Post
    We would suggest you the following way.

    Example .aspx
    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<%@ Register Src="WebUserControl1.ascx" TagName="WebUserControl1" TagPrefix="uc" %>

<script runat="server">
    protected void btn_Click(object sender, AjaxEventArgs e)
    {
        WebUserControl1.show();
    }
</script>

<!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>Coolite 0.8.x Example</title>
</head>
<body>
    <form runat="server">
    <ext:ScriptManager runat="server" />
    <ext:Button runat="server" Text="New Window">
        <AjaxEvents>
            <Click OnEvent="btn_Click" />
        </AjaxEvents>
    </ext:Button>
    <uc:WebUserControl1 ID="WebUserControl1" runat="server" />
    </form>
</body>
</html>
    Example .ascx
    <%@ Control Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<script runat="server">
    public void show()
    {
        Window1.Show();
    }
</script>

<ext:Window 
    ID="Window1" 
    runat="server" 
    Width="300" 
    Height="200" 
    ShowOnLoad="false">
    <Body>
        <ext:FitLayout runat="server">
            <ext:FormPanel ID="FormPanel1" runat="server">
                <Body>
                    <ext:FormLayout runat="server">
                        <ext:Anchor>
                            <ext:NumberField runat="server" FieldLabel="NumberField1" />
                        </ext:Anchor>
                        <ext:Anchor>
                            <ext:TextField runat="server" FieldLabel="TextField" />
                        </ext:Anchor>
                        <ext:Anchor>
                            <ext:NumberField runat="server" FieldLabel="NumberField2" />
                        </ext:Anchor>
                    </ext:FormLayout>
                </Body>
                <Buttons>
                    <ext:Button runat="server" Text="Close">
                        <Listeners>
                            <Click Handler="#{Window1}.hide();" />
                        </Listeners>
                    </ext:Button>
                </Buttons>
            </ext:FormPanel>
        </ext:FitLayout>
    </Body>
    <Listeners>
        <Hide Handler="if (!#{FormPanel1}.isValid()) {
                            #{FormPanel1}.reset();
                       }" />
    </Listeners>
</ext:Window>
    but i have not used form panel,i have designed more than 100 of user controls,now i can't modify by using form panel...is there any alternate solution for this?
  6. #6
    May 11, 2011, 5:55 AM
    Hi,

    The .isValid() and .reset() functions are a feature of the FormPanel Component. If FormPanel is not used, you can reset components individually, or loop through all the components in the items collection.
    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  7. #7
    May 11, 2011, 7:01 AM
    Quote Originally Posted by geoffrey.mcgill View Post
    Hi,

    The .isValid() and .reset() functions are a feature of the FormPanel Component. If FormPanel is not used, you can reset components individually, or loop through all the components in the items collection.
    please give me example
  8. #8
    May 11, 2011, 10:54 AM
    Here you are.

    Example .aspx
    <%@ Page Language="C#" %>
 
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<%@ Register Src="WebUserControl1.ascx" TagName="WebUserControl1" TagPrefix="uc" %>
 
<script runat="server">
    protected void btn_Click(object sender, AjaxEventArgs e)
    {
        WebUserControl1.show();
    }
</script>
 
<!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>Coolite 0.8.x Example</title>
</head>
<body>
    <form runat="server">
    <ext:ScriptManager runat="server" />
    <ext:Button runat="server" Text="New Window">
        <AjaxEvents>
            <Click OnEvent="btn_Click" />
        </AjaxEvents>
    </ext:Button>
    <uc:WebUserControl1 ID="WebUserControl1" runat="server" />
    </form>
</body>
</html>
    Example .ascx
    <%@ Control Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<script runat="server">
    public void show()
    {
        Window1.Show();
    }
</script>

<ext:Window 
    ID="Window1" 
    runat="server" 
    Width="300" 
    Height="200" 
    ShowOnLoad="false">
    <Body>
        <ext:FormLayout runat="server">
            <ext:Anchor>
                <ext:NumberField runat="server" FieldLabel="NumberField1" />
            </ext:Anchor>
            <ext:Anchor>
                <ext:TextField runat="server" FieldLabel="TextField" />
            </ext:Anchor>
            <ext:Anchor>
                <ext:NumberField runat="server" FieldLabel="NumberField2" />
            </ext:Anchor>
        </ext:FormLayout>
    </Body>
    <Buttons>
        <ext:Button runat="server" Text="Close">
            <Listeners>
                <Click Handler="#{Window1}.hide();" />
            </Listeners>
        </ext:Button>
    </Buttons>
    <Listeners>
        <Hide Handler="this.cascade(function (item) {
                            if (item.isFormField && !item.isValid()) {
                                item.reset();
                            }
                       });" />
    </Listeners>
</ext:Window>
  9. #9
    May 13, 2011, 5:01 AM
    Quote Originally Posted by Daniil View Post
    Here you are.

    Example .aspx
    <%@ Page Language="C#" %>
 
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<%@ Register Src="WebUserControl1.ascx" TagName="WebUserControl1" TagPrefix="uc" %>
 
<script runat="server">
    protected void btn_Click(object sender, AjaxEventArgs e)
    {
        WebUserControl1.show();
    }
</script>
 
<!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>Coolite 0.8.x Example</title>
</head>
<body>
    <form runat="server">
    <ext:ScriptManager runat="server" />
    <ext:Button runat="server" Text="New Window">
        <AjaxEvents>
            <Click OnEvent="btn_Click" />
        </AjaxEvents>
    </ext:Button>
    <uc:WebUserControl1 ID="WebUserControl1" runat="server" />
    </form>
</body>
</html>
    Example .ascx
    <%@ Control Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<script runat="server">
    public void show()
    {
        Window1.Show();
    }
</script>

<ext:Window 
    ID="Window1" 
    runat="server" 
    Width="300" 
    Height="200" 
    ShowOnLoad="false">
    <Body>
        <ext:FormLayout runat="server">
            <ext:Anchor>
                <ext:NumberField runat="server" FieldLabel="NumberField1" />
            </ext:Anchor>
            <ext:Anchor>
                <ext:TextField runat="server" FieldLabel="TextField" />
            </ext:Anchor>
            <ext:Anchor>
                <ext:NumberField runat="server" FieldLabel="NumberField2" />
            </ext:Anchor>
        </ext:FormLayout>
    </Body>
    <Buttons>
        <ext:Button runat="server" Text="Close">
            <Listeners>
                <Click Handler="#{Window1}.hide();" />
            </Listeners>
        </ext:Button>
    </Buttons>
    <Listeners>
        <Hide Handler="this.cascade(function (item) {
                            if (item.isFormField && !item.isValid()) {
                                item.reset();
                            }
                       });" />
    </Listeners>
</ext:Window>
    is there any solution that without using form layout or formpanel? because if i use FormLayout i can't design screens like this(see pic4.jpeg)..
    Attached Thumbnails Click image for larger version.  Name: pic4.JPG  Views: 111  Size: 56.4 KB  ID: 2715  
  10. #10
    May 13, 2011, 12:00 PM
    Do you use any layout? If no, I'm afraid you will should manually iterate fields by its ids.
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] Number Field
    By majestic in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 05, 2011, 12:21 PM
  2. [CLOSED] Number field Error
    By pil0t in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 22, 2010, 5:42 AM
  3. [CLOSED] Nullable number field
    By Stefanaccio in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 02, 2010, 5:06 PM
  4. [CLOSED] [1.0] Number field as grid editor
    By Timur.Akhmerov in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: May 04, 2010, 3:58 AM
  5. Number Field
    By fabiomarcos in forum 1.x Help
    Replies: 2
    Last Post: Jan 20, 2009, 11:29 AM

Tags for this Thread

Posting Permissions