We have two pretty good demos displaying partial ajaxification (http://demos.telerik.com/aspnet-ajax/Ajax/Examples/Manager/PartialAjaxification/DefaultCS.aspx) and partial post-backs (http://demos.telerik.com/aspnet-ajax/Ajax/Examples/Manager/PartialPostBacks/DefaultCS.aspx).
Could you give me example (ideally to add another demo) how to implement the same UI with complete ajaxification where
1. the grid pager will update the whole grid
2. the details button will update the details data only
Thanks
Could you give me example (ideally to add another demo) how to implement the same UI with complete ajaxification where
1. the grid pager will update the whole grid
2. the details button will update the details data only
Thanks
7 Answers, 1 is accepted
0
Hello miksh,
You can use the demo for Partial ajaxification as bases for implementing your scenario. In addition to it you can handle the OnCommand and add ajax request manually when paging:
Let me know if this helps.
Sincerely yours,
Iana
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
You can use the demo for Partial ajaxification as bases for implementing your scenario. In addition to it you can handle the OnCommand and add ajax request manually when paging:
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> |
<script type="text/javascript"> |
function onCommand(sender, eventArgs) |
{ |
if(eventArgs.get_commandName() == "Page") |
{ |
$find("<%=RadAjaxManager1.ClientID %>").ajaxRequest("Paging"); |
} |
} |
</script> |
</telerik:RadCodeBlock> |
<ClientSettings> |
<ClientEvents OnCommand="onCommand" /> |
</ClientSettings> |
Let me know if this helps.
Sincerely yours,
Iana
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
![](/forums/images/avatarimages/default.gif)
miksh
Top achievements
Rank 1
Iron
answered on 22 Dec 2008, 04:25 PM
Thanks, this helped. The only issue I found is when I use
the loading panel is not displayed. It was fine when I used AjaxControlID="RadGrid1"
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" > |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="lp1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
the loading panel is not displayed. It was fine when I used AjaxControlID="RadGrid1"
0
Hello miksh,
Yes, you are right. I forgot to mention that you need to set up the ajax manager to update the grid in the ajax manager settings. Then you can handle the invoked ajax request in the AjaxRequest server event of the manager.
Kind regards,
Iana
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Yes, you are right. I forgot to mention that you need to set up the ajax manager to update the grid in the ajax manager settings. Then you can handle the invoked ajax request in the AjaxRequest server event of the manager.
Kind regards,
Iana
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
![](/forums/images/avatarimages/default.gif)
miksh
Top achievements
Rank 1
Iron
answered on 23 Dec 2008, 01:50 PM
I did mention it in the link add ajax request manually.
But my question was why using this approach the loading indicator does NOT appear? Do you have any example that a loading indicator works fine if the ajax request initiator is RadAjaxManager?
In my test project the ajax initiator was RadGrid and the loading indicator worked fine:
Then I changed it to:
and loading indicator doesn't appear during the ajax update.
But my question was why using this approach the loading indicator does NOT appear? Do you have any example that a loading indicator works fine if the ajax request initiator is RadAjaxManager?
In my test project the ajax initiator was RadGrid and the loading indicator worked fine:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" > |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="RadGrid1"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="lp1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
Then I changed it to:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" > |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="lp1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
0
Hi miksh,
In fact you need both settings:
Thus the loading panel should apper properly on each ajax request.
All the best,
Iana
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
In fact you need both settings:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" > |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="RadGrid1"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="lp1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="lp1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
Thus the loading panel should apper properly on each ajax request.
All the best,
Iana
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
![](/forums/images/avatarimages/default.gif)
miksh
Top achievements
Rank 1
Iron
answered on 23 Dec 2008, 08:46 PM
Hmm... so you admit that a loadingpanel does NOT appear if the the ajax initiator is RadAjaxManager? Please confirm.
The solution you suggested does NOT work as well. The loading indicator appears only when I remove javascript call $find("<%=RadAjaxManager1.ClientID %>").ajaxRequest("Paging");
Besides, even if your suggestion would fix the loading indicator issue it would break the logic not to update the whole grid when a row button is clicked.
Once again, read my first post to understand what I try to achieve. If you prefer I can open a support ticket.
The solution you suggested does NOT work as well. The loading indicator appears only when I remove javascript call $find("<%=RadAjaxManager1.ClientID %>").ajaxRequest("Paging");
Besides, even if your suggestion would fix the loading indicator issue it would break the logic not to update the whole grid when a row button is clicked.
Once again, read my first post to understand what I try to achieve. If you prefer I can open a support ticket.
0
Hello,
I've made for you small demo to illustrate you how to achieve your goal. You can find the application attached.
Greetings,
Vlad
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
I've made for you small demo to illustrate you how to achieve your goal. You can find the application attached.
Greetings,
Vlad
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.