Multipls AjaxLoadingPanel on one page all panels refreshes

7 posts, 0 answers
  1. Asutosh
    Asutosh avatar
    130 posts
    Member since:
    Sep 2013

    Posted 25 Apr 2014 Link to this post

    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,

  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 30 Apr 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Asutosh
    Asutosh avatar
    130 posts
    Member since:
    Sep 2013

    Posted 03 May 2014 in reply to Maria Ilieva Link to this post

    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 ?
  5. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 08 May 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Asutosh
    Asutosh avatar
    130 posts
    Member since:
    Sep 2013

    Posted 09 May 2014 in reply to Maria Ilieva Link to this post

    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
  7. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 09 May 2014 in reply to Asutosh Link to this post

    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.
  8. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 09 May 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017