Using ExtJS 4 charts with Ext.Net (coolite)

  1. #1

    Using ExtJS 4 charts with Ext.Net (coolite)

    I'm trying to load an ExtJS chart inside Ext.Net(coolite) pages. I've copied the pie chart from the ExtJS samples and have put it in an test aspx document to see it work:

    heres is my pie.aspx

    <html>
    <head>
        <title>Pie Chart</title>
        <script type="text/javascript" src="ExtJs4/ext-all.js" />
        <script type="text/javascript">
            Ext.Loader.setConfig({
                enabled: true,
                disableCaching: true,
                paths: { 'Ext': "/app/" }
            });
        </script>
        <link rel="stylesheet" type="text/css" href="ExtJs4/resources/CSS/ext-all.css" />
      <link rel="stylesheet" type="text/css" href="ExtJs4/examples/shared/example.css" />
        <script type="text/javascript" src="ExtJs4/examples/example-data.js"></script>
        <script type="text/javascript" src="app/pie.js"></script>
    
            <script type="text/javascript" src="ExtJs4/bootstrap.js"></script>
    
    
    
    </head>
    <body id="docbody">
    
    </body>
    when I try and load it from an Ext.Window I dont see anything just an empty popup. if I go to the url directly i dotn see anything either

    Here's the code I'm using to attempt to load the chart (i put it inside my existing coolite code):
    <ext:Window
                Title='!'
                runat="server"
                AutoDataBind="true"
                Modal="true"
                ID="ChartWindow"
                Width="900" 
                Height="670"
                Hidden="false">
                    <AutoLoad Url="pie.aspx" Mode="IFrame" />
            </ext:Window>



    Thanks in advance.
  2. #2
    Hi astrocybernaute,

    My test page looked almost exactly like yours, just without the bootstrap.js file:

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Line Chart</title>
        <script type="text/javascript" src="../../ext-all.js"></script>
        <script type="text/javascript">
                Ext.Loader.setConfig({
                    enabled: true,
                    disableCaching: true,
                    paths: { 'Ext': "/Scripts/PM/ext/src/" }
                });
            </script>
        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="../shared/example.css" />
        <script type="text/javascript" src="../example-data.js"></script>
        <script type="text/javascript" src="Line.js"></script>
    </head>
        <body id="docbody"></body>
    </html>
  3. #3
    hi
    thanks a lot
    it worked..i dont really know how,maybe it was only a cache issue
  4. #4
    Hi,

    The ExtJS charts has been included into Ext.NET v2.
    https://examples2.ext.net/#/Chart/Dashboard/Basic/

    More details about Ext.NET v2 are here:
    http://forums.ext.net/showthread.php?16883

Similar Threads

  1. Wow.. extjs Charts
    By CarWise in forum Open Discussions
    Replies: 4
    Last Post: May 18, 2012, 7:19 AM
  2. [CLOSED] Extjs Charts and Group By Question
    By ljankowski in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 12, 2012, 4:07 PM
  3. [CLOSED] Using ExtJS 4 charts with Ext.Net
    By PLoch in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Jan 12, 2012, 4:06 PM
  4. Charts with Coolite
    By flaviodamaia in forum 1.x Help
    Replies: 1
    Last Post: Jan 12, 2012, 4:06 PM
  5. [CLOSED] How to add charts in ext.net or coolite
    By Vasudhaika in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jan 12, 2012, 4:05 PM

Posting Permissions