Multipls AjaxLoadingPanel on one page all panels refreshes

[Asutosh]

I have 6 charts on one page in my asp.net application and each one is in ajaxloading panel and all charts are drillable. now when i click one chart it displays loader and drills down . now when i try to drill down another chart in different loading panel it drills too. but it changes my first chart to initial level. any solution to this .my code is below,

[Maria Ilieva]

Hello Asutosh,

Based on the provided information it is rather difficult for me to correctly understand the exact issue you are facing and what the functionality you need to achieve is. Could you please elaborate  bit more on your scenario and the functionality you need to implements?
Sending us your page markup as well as screenshots or movies that demonstrates the issue will help us further investigate the problem.

Regards,
Maria Ilieva
Telerik

 

 

[Asutosh]

its really simple. i have 6 update panels on my single page. i have 6 charts in all 6 panels . now when i click on any of the chart to achieve its drill down. it reloads all page again instead of just loading that particular panel. is it that much difficult to understand ?

[Maria Ilieva]

Hello Asutosh,

In case you are using regular asp UpdatePanel controls to Ajax the charts you should simply set their Update Mode to " Conditional" in order to avoid all of them to be updated on Ajax request.

Regards,
Maria Ilieva
Telerik

 

 

[Asutosh]

hi,
now i have another problem
i have one radajax panel and its contain radchart
and also i have anothere button outside radajax panel
now how can i update that radajx panel on click of button
i want that from code behind

[Shinu]

Hi Asutosh,

Please have a look into the sample code snippet to update the chart in the RadAjaxPanel by clicking the RadButton outside the RadAjaxPanel.

ASPX:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
    <telerik:RadChart ID="RadChart1" runat="server">
    </telerik:RadChart>
</telerik:RadAjaxPanel>
<telerik:RadButton ID="RadButton1" runat="server" Text="UpdateTextBox" OnClick="RadButton1_Click">
</telerik:RadButton>

C#:

protected void Page_init(object sender, EventArgs e)
{
    DataTable tbl = new DataTable();
    DataColumn col = new DataColumn("Day");
    col.DataType = typeof(int);
    tbl.Columns.Add(col);
    col = new DataColumn("Price");
    col.DataType = typeof(int);
    tbl.Columns.Add(col);
    Random r = new Random();
    for (int i = 0; i < 9; i++)
    {
        tbl.Rows.Add(new object[] { i, r.Next(1, 100) });
    }
    ChartSeries firstSerie = new ChartSeries("First Line");
    firstSerie.Type = ChartSeriesType.Line;
    firstSerie.DataYColumn = "Price";
    RadChart1.Series.Add(firstSerie);
    ChartSeries secondSerie = new ChartSeries("Second Line");
    secondSerie.Type = ChartSeriesType.Line;
    secondSerie.DataYColumn = "Value";
    RadChart1.Series.Add(secondSerie);
    RadChart1.PlotArea.XAxis.DataLabelsColumn = "Day";
    DataSet ds = new DataSet();
    ds.Tables.Add(tbl);
    RadChart1.DataSource = ds;
    RadChart1.DataBind();
}
protected void RadButton1_Click(object sender, EventArgs e)
{
    DataTable tbl = new DataTable();
    DataColumn col = new DataColumn("Day");
    col.DataType = typeof(int);
    tbl.Columns.Add(col);
    col = new DataColumn("Price");
    col.DataType = typeof(int);
    tbl.Columns.Add(col);
    DataTable tbl1 = new DataTable();
    DataColumn col1 = new DataColumn("Day");
    col1.DataType = typeof(int);
    tbl1.Columns.Add(col1);
    col1 = new DataColumn("Value");
    col1.DataType = typeof(int);
    tbl1.Columns.Add(col1);
    Random r = new Random();
    for (int i = 0; i < 9; i++)
    {
        tbl.Rows.Add(new object[] { i, r.Next(1, 100) });
        tbl1.Rows.Add(new object[] { i, r.Next(1, 100) });
    }
    RadChart1.PlotArea.XAxis.DataLabelsColumn = "Day";
    DataSet ds = new DataSet();
    ds.Tables.Add(tbl);
    ds.Tables.Add(tbl1);
    RadChart1.DataSource = ds;
    RadChart1.DataBind();
}

Thanks,
Shinu.

[Maria Ilieva]

Hi Asutosh,

In case the button is out of the RadAjaxPanel control you could invoke a client ajaxRequest through the RadAjaxPanel in the client ButtonClick event and rebind the chart in the server AjaxRequest event.
See the hep topic below:
http://www.telerik.com/help/aspnet-ajax/ajax-client-side-api.html

Regards,
Maria Ilieva
Telerik