Progress bar indicator

[Vasya Ivanov]

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.

[Sebastian]

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.

[Vasya Ivanov]

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.

 

[Sebastian]

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.

[Vasya Ivanov]

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

 

[Sebastian]

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.

[Vasya Ivanov]

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.

 

[Prangadj]

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