Results 1 to 4 of 4

Thread: ASP.NET form tag and rendering into the div tag

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. 8 Nov 2010, 9:05 PM #1
    Mindzor
    Mindzor is offline
    Ext User
    Join Date
    Nov 2010
    Posts
    9
    Vote Rating
    0
      0  

    Question ASP.NET form tag and rendering into the div tag

    Hello

    If the div tag is inside the form tag then error appears. How solve this problem?
    Test.aspx
    Code:
    <%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="ext-3.3.0/resources/css/ext-all.css" />   
    <link rel="stylesheet" type="text/css" href="ext-3.3.0/resources/css/xtheme-gray.css" />
    <script type="text/javascript" src="ext-3.3.0/adapter/ext/ext-base.js"></script>    
    <script type="text/javascript" src="ext-3.3.0/ext-all-debug.js"></script>
    <script type="text/javascript" src="Test.js"></script>
</head>
<body>
    
    <form id="form1" runat="server">
    <div id="form-ct"></div>
    </form>
</body>
</html>
    Test.js
    Code:
    Ext.chart.Chart.CHART_URL = 'ext-3.3.0/resources/charts.swf';

Ext.onReady(function () {
    var store3 = new Ext.data.JsonStore({
        fields: ['name', 'visits', 'views'],
        data: [
        { name: '07 07', visits: 245000, views: 3000000 },
        { name: '08 07', visits: 240000, views: 3500000 },
        { name: '09 07', visits: 355000, views: 4000000 },
        { name: '10 07', visits: 375000, views: 4200000 },
        { name: '11 07', visits: 490000, views: 4500000 },
        { name: '12 07', visits: 495000, views: 5800000 },
        { name: '01 08', visits: 520000, views: 6000000 },
        { name: '02 08', visits: 620000, views: 7500000 }
    ]
    });

    var chart = new Ext.Panel({
        title: '',
        width: 700,
        height: 300,
        layout: 'fit',
        items: {
            xtype: 'linechart',
            store: store3,
            xField: 'name',
            yField: 'visits',
            listeners: {
                itemclick: function (o) {
                    var rec = store.getAt(o.index);
                    Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
                }
            }
        }
    });

    var checkGroup = {
        xtype: 'fieldset',
        title: 'Checkbox Groups (initially collapsed)',
        autoHeight: true,
        layout: 'column',
        items: [{
            xtype: 'checkboxgroup',
            fieldLabel: 'Single Column',
            itemCls: 'x-check-group-alt',
            // Put all controls in a single column with width 100%
            columns: 1,
            items: [
                { boxLabel: 'Item 1', name: 'cb-col-1' },
                { boxLabel: 'Item 2', name: 'cb-col-2', checked: true },
                { boxLabel: 'Item 3', name: 'cb-col-3' }
            ]
        }]
    };

    var fp = new Ext.FormPanel({
        title: '',
        renderTo: 'form-ct',
        frame: true,
        labelWidth: 110,
        bodyStyle: 'padding:0 10px 0;',
        items: [
            {
                layout: 'column',
                border: false,
                defaults: {
                    columnWidth: '.5',
                    border: false
                },
                items: [checkGroup, chart]
            }
            ]
    });

});
    Thanks
    Reply With Quote Reply With Quote
  2. 9 Nov 2010, 12:01 AM #2
    Condor
    Condor is offline
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    126
      0  

    Default

    You can't render a FormPanel inside a <form> tag (you would end up with nested <form> tags).

    Do you actually need a FormPanel or were you planning on submitting 'form1' anyway? In that case you only need a Panel with layout:'form' and not a FormPanel.
    Reply With Quote Reply With Quote
  3. 9 Nov 2010, 3:30 AM #3
    dan_b
    dan_b is offline
    Sencha User
    Join Date
    Jun 2010
    Posts
    47
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by Condor View Post
    You can't render a FormPanel inside a <form> tag (you would end up with nested <form> tags).

    Do you actually need a FormPanel or were you planning on submitting 'form1' anyway? In that case you only need a Panel with layout:'form' and not a FormPanel.
    One of the idiosyncrasities of ASP.Net Webforms - every page gets wrapped in a <form> tag. This is how they build the illusion of state over http. Mindzor, have a look at Ext.Net if you must use Webforms.
    Reply With Quote Reply With Quote
  4. 9 Nov 2010, 4:42 AM #4
    Mindzor
    Mindzor is offline
    Ext User
    Join Date
    Nov 2010
    Posts
    9
    Vote Rating
    0
      0  

    Default

    Thanks
    Reply With Quote Reply With Quote
« [3.2.1] autoHeight with layout hbox is possible? | Not able to sort grid column on click of column header »

Similar Threads

  1. ct is null when rendering Ext.Panel to Div tag
    By wgpubs in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 9 Dec 2009, 10:44 PM
  2. form grid with div tag
    By bhaskar1605 in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 31 May 2009, 7:00 PM
  3. RESOLVED::Issue with ASP.NET form server tag
    By AJuniorCoder in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 11 Sep 2008, 8:13 AM
  4. different behaviour using table tag contains div tag when mask loading grid
    By chenwei_022 in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 5 May 2008, 11:06 PM
  5. Pop up a DIV tag over the Select tag is finally fixed in IE7
    By mdissel in forum Community Discussion
    Replies: 5
    Last Post: 9 Feb 2007, 9:24 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules