Your example works well but adapt to my code, it didnt see:
<%@ Page Language="C#" %>
<%@ Import Namespace="Ext.Net.Utilities"%>
<%@ Import Namespace="Panel=Ext.Net.Panel" %>
<%@ Import Namespace="Chart=Ext.Net.Chart" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender,EventArgs e)
{
// Load the data into the Store and DataBind.
this.stoCharts.DataSource = this.stoChartsValue;
this.stoCharts.DataBind();
}
private object[] stoChartsValue
{
get
{
return new object[]
{
new object[] {"2011/01/01",10},
new object[] {"2011/02/01",15},
new object[] {"2011/03/01",21},
new object[] {"2011/04/01",1},
new object[] {"2011/05/01",18},
new object[] {"2011/06/01",30},
new object[] {"2011/07/01",25},
new object[] {"2011/08/01",14},
new object[] {"2011/09/01",11},
new object[] {"2011/10/01",9},
new object[] {"2011/11/01",3},
new object[] {"2011/12/01",45}
};
}
}
protected void TestCharts(object sender, EventArgs e)
{
Window myWindow = MyDesktop.Modules["Dashboard"].Window[0] as Window;
BuildPanel().Render(myWindow);
}
private Chart BuildChart()
{
Chart MyChart = new Chart();
AxisCollection MyAxes=new AxisCollection();
CategoryAxis AxesX =new CategoryAxis();
NumericAxis AxesY= new NumericAxis();
LineSeries MySerie=new LineSeries();
AxesX.Title = "Month";
AxesX.Fields = new string[1];
AxesX.Fields[0] = "Date";
AxesY.Minimum = 0;
AxesY.Fields = new string[1];
AxesY.Fields[0] = "Value";
MyAxes.Add(AxesX);
MyAxes.Add(AxesY);
MySerie.SeriesID = "IdSerie";
MySerie.Axis = Position.Left;
MySerie.XField = new string[1];
MySerie.XField[0] = "Date";
MySerie.YField = new string[1];
MySerie.YField[0] = "Value";
MySerie.Title = "Test";
MySerie.MarkerConfig = new SpriteAttributes();
MySerie.MarkerConfig.Fill = "#00ff00";
MySerie.MarkerConfig.Stroke = "#00ff00";
MySerie.MarkerConfig.Type = SpriteType.Circle;
MySerie.MarkerConfig.Size = 3;
MySerie.MarkerConfig.Radius = 3;
MySerie.Style = new SpriteAttributes();
MySerie.Style.Fill = "#00ff00";
MySerie.Style.Stroke = "#00ff00";
MySerie.Style.StrokeWidth = 0;
MyChart.StoreID = "stoCharts";
MyChart.Animate = true;
MyChart.Legend = true;
MyChart.Axes.Add(AxesX);
MyChart.Axes.Add(AxesY);
MyChart.Series.Add(MySerie);
MyChart.LegendConfig=new Ext.Net.ChartLegend();
MyChart.LegendConfig.RefreshOnItemToggle = true;
return MyChart;
}
private Panel BuildPanel()
{
ToolTip t = new ToolTip();
t.CustomConfig.Add(new ConfigItem("target", "panChart.ClientID.header.getEl()", ParameterMode.Raw));
t.Html = "I am the ToolTip!";
this.Controls.Add(t);
return this.X().Panel()
.ID("panChart")
.Title("Chart")
.Padding(5)
.Layout("Fit")
.Add(BuildChart());
}
</script>
<!DOCTYPE html protected "-//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 id="Head1" runat="server">
<title>Test Chart into panel</title>
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="ScriptFiles" />
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" RethrowAjaxExceptions="True">
</ext:ResourceManager>
<%-- Data stores--%>
<ext:Store ID="stoCharts" runat="server" AutoLoad="True">
<Reader>
<ext:ArrayReader />
</Reader>
<Model>
<ext:Model ID="Model2" runat="server">
<Fields>
<ext:ModelField Name="Date" />
<ext:ModelField Name="Value" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
<ext:Desktop
ID="MyDesktop"
runat="server">
<Modules>
<%-- Dashboard window--%>
<ext:DesktopModule ModuleID="Dashboard">
<Window>
<ext:Window ID="wndDashoard"
runat="server"
Icon="Help"
Width="1000"
Height="600"
Layout="Fit"
Hidden="True"
ExpandOnShow="True"
MinHeight="100"
MinWidth="100"
Maximizable="True"
Minimizable="True"
Resizable="True"
Title="Dashboard"
Modal="False" Draggable="True">
</ext:Window>
</Window>
</ext:DesktopModule>
</Modules>
<StartMenu Height="300" Title="Start Here" runat="server" HideTools="True">
<MenuItems>
<ext:MenuItem Text="Launch Window">
<Listeners>
<Click Handler="#{MyDesktop}.getModule('Dashboard').createWindow();"></Click>
</Listeners>
<DirectEvents>
<Click OnEvent="TestCharts"></Click>
</DirectEvents>
</ext:MenuItem>
</MenuItems>
</StartMenu>
</ext:Desktop>
</form>
</body>
</html>
in the buildpanel function