jQuery Scrollable is not firing under update panel in c# asp.net

Question

<script src="Style/FreezeGV/ScrollableGridPlugin_ASP.NetAJAX_2.0.js" type="text/javascript"></script>
<script type = "text/javascript">
    $(document).ready(function () {
        $('#<%=gvWebMaster.ClientID %>').Scrollable({
            ScrollHeight: 550
            //Width: 950
            //,IsInUpdatePanel: true // This parameter must be set to true when the GridView is inside an ASP.Net AJAX UpdatePanel.
        });
    });
</script>

I have a gridview and placed scrollable jquery which works fine. Placed the gridview under updatepanel, so whenever selectedindexchanged happens, scrollable jquery is not working.

I have reviewed the following articles but unable to understand them. Link1, Link2 & Link3. Just I have tested like this but did not work.

<script src="Style/FreezeGV/ScrollableGridPlugin_ASP.NetAJAX_2.0.js" type="text/javascript"></script>
<script type = "text/javascript">
    $(document).ready(function () {
        $('#<%=gvWebMaster.ClientID %>').Scrollable({
            ScrollHeight: 550
            //Width: 950
            //,IsInUpdatePanel: true // This parameter must be set to true when the GridView is inside an ASP.Net AJAX UpdatePanel.
        });
    });
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_endRequest(function () {
        $('#<%=gvWebMaster.ClientID %>').Scrollable({
            ScrollHeight: 550
    });
</script>

Can anyone help me out and correct me the coding.

@shenbagavali ttry to load your code like this `$(document).ready(function () { function pageLoad(){ $('#<%=gvWebMaster.ClientID %>').Scrollable({ ScrollHeight: 550 //Width: 950 //,IsInUpdatePanel: true // This parameter must be set to true when the GridView is inside an ASP.Net AJAX UpdatePanel. }); } });` — Krsna Kishore, Sep 20 '16 at 17:05
@Webruster got the updated plugin and issue solved, thank you for your kindly help — Arun, Sep 21 '16 at 13:44

score 0 · Accepted Answer · answered Sep 21 '16 at 13:43

0

Finally got the solution from here. They have updated & released the ScrollableGridPlugin jQuery version 3.0 which solved the postback issue. Plugin is available in the above link.

answered Sep 21 '16 at 13:43

Arun

728
4
16
30

jQuery Scrollable is not firing under update panel in c# asp.net

1 Answers1