This is a migrated thread and some comments may be shown as answers.

Progress bar indicator

7 Answers 107 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Vasya Ivanov
Top achievements
Rank 1
Vasya Ivanov asked on 11 May 2010, 10:06 PM
Hello,
does anyone knows how to create progress bar indicator  for entire page without AjaxLoading panel.
When I click search button I need progress bar while radgrid is loading or when I change dropdown values?

Thanks for your help.

7 Answers, 1 is accepted

Sort by
0
Sebastian
Telerik team
answered on 12 May 2010, 09:45 AM
Hello Vasya,

The sample project from the code library entry below represent how to accomplish your task using RadAjaxLoadingPanel:

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx

For specific solution without our loading panel you will need to implement your logic based on your custom progress indicator.

Best regards,
Sebastian
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Vasya Ivanov
Top achievements
Rank 1
answered on 12 May 2010, 05:18 PM
Thanks for your responding.
I have a follwoing code:

AjaxSettings

 

>

 

 

 

<telerik:AjaxSetting AjaxControlID="JobReportGrid">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="JobDetailGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

 

 

<telerik:AjaxUpdatedControl ControlID="JobReportGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

<telerik:AjaxSetting AjaxControlID="JobDetailGrid">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="JobDetailGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

 

</AjaxSettings>

 

 

</telerik:RadAjaxManager>

 

 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Skin="Vista" runat="server">

 

 

</telerik:RadAjaxLoadingPanel>
This code only works when you work with radgrid.I have another code:

 

<

 

asp:Panel ID="Job_Report" runat="server" Width="805px">

 

<

 

fieldset>

 

<

 

legend>Search Bulk Job</legend>

 

 

<table>

 

 

<tr>

 

 

<td>

 

 

<uc1:CFNList id="CFNList1" runat="server">

 

 

</uc1:CFNList>

 

 

</td>

 

 

 

<td>

 

Job:

 

 

<br />

 

 

<telerik:RadTextBox ID="JobTextBox" runat="server" Width="100px" MaxLength="5" ></telerik:RadTextBox>

 

 

 

</td>

 

 

<td>

 

Title:

 

 

<br />

 

 

<telerik:RadTextBox ID="TitleTextBox" runat="server" Width="100px" MaxLength="5" ></telerik:RadTextBox>

 

 

</td>

 

 

 

<td>

 

 

 

 

<br />

 

 

<asp:Button ID="SearchJob" runat="server" Width="75px" CssClass="Button" Text="Search" OnClick="Search_Job_Click" OnClientClick="JavaScript: return ValidateData();" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="tbtxtbox" colspan="3" style="height:20px;">

 

 

<asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red" >

 

 

</asp:Label>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</fieldset>

 

 

</asp:Panel>
I have SearchJob button which is clicked when user enters some criteria.After that I need progress bar to show to the user that is something happening while radgrid is loading.

Thanks so much for your help.

 

0
Sebastian
Telerik team
answered on 13 May 2010, 08:28 AM
Hello Vasya,

Have you tried injecting additional ajax manager setting which marks the SearchJob button initiator and the corresponding grid updated control? Thus the loading panel you specify for the updated grid should be displayed when you click the button.

Regards,
Sebastian
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Vasya Ivanov
Top achievements
Rank 1
answered on 13 May 2010, 02:55 PM
Good morning Sebastian,
I try to implemented SearchJob button but still not working
Please see my code below:

<

 

telerik:AjaxSetting AjaxControlID="SearchJob">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="JobReportGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>
But seems when I am running application the click button just hanging and nothing is happened.
Please help me to resolve that problem.Thanks

 

0
Sebastian
Telerik team
answered on 15 May 2010, 09:24 AM
Hello Vasya,

I see that you attached the OnClientClick event of the search button  - can you confirm that the ValidateData() js method is executed as expected and does not have return false statement inside it (which stops the postback)? What happens if you remove the OnClientClick attribute of the button?

Let me know what your findings are.

Regards,
Sebastian
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Vasya Ivanov
Top achievements
Rank 1
answered on 17 May 2010, 03:29 PM
Good morning Sebastian,
Validate function is special function which is checks if user enter anything.I want to do that on client side instead of server side.
Here is a code for that:

function

 

ValidateData()

 

{

 

 

if((document.getElementById ('<%=JobTextBox.ClientID %>').value.trim().length <= 0) && (document.getElementById ('<%=CFNList1.FindControl("ddlCFN").ClientID %>').value.trim()== "SELECT CFN") && (document.getElementById ('<%=CFNList1.FindControl("ddlLocation").ClientID %>').value.trim().length <= 0) && (document.getElementById ('<%=CFNList1.FindControl("LocTextBox").ClientID %>').value.trim().length <= 0))

 

{

 

document.getElementById (

'<%=lblError.ClientID %>').innerText = 'Please enter at least Job or Location or CFN or B/School for Search Criteria';

 

 

document.getElementById (

'<%=lblError.ClientID %>').style.display = 'block';

 

 

 

return false;

 

}

 

document.getElementById (

'<%=lblError.ClientID %>').style.display = 'none';

 

 

return true;

 

}

</

 

script>
Please help me with this.I am new to Web applications.I am just learning.
Thanks so much.

 

0
Prangadj
Top achievements
Rank 1
answered on 20 May 2010, 03:16 PM
Vasya, in ValidateData I see return false line in if block - is this run when you click the buton? To do postback or ajax, you should go with return true.

Prangadj
Tags
General Discussions
Asked by
Vasya Ivanov
Top achievements
Rank 1
Answers by
Sebastian
Telerik team
Vasya Ivanov
Top achievements
Rank 1
Prangadj
Top achievements
Rank 1
Share this question
or