Here i want display some data on page onpageload and remaining on scrolling i.e., Infinite scrolling but i have the data in dataset in code-behind file. I want to add some jQuery script which will be suitable for this code.which will be suitable for my webpage. Here i am using asp.net,c#.NET for this page and i am using jquary 1.12 and bootstrap for this web page

mypage.aspx

   <asp:ListView runat="server"  ID="listview1" GroupItemCount="1" GroupPlaceholderID="groupPlaceHolder1" ItemPlaceholderID="PlaceHolder4" DataKeyNames="s_studid" OnSelectedIndexChanging="listview1_SelectedIndexChanging">
                    <EmptyDataTemplate>
                        <p class="control-label">OOPS! No Students are Available</p>

                    </EmptyDataTemplate>

                    <LayoutTemplate>

                        <div class="panel panel-body">
                              <div class="col-lg-12 col-md-12 col-sm-12">



            </div> <br /> <hr />
                        <br />
                        </div> 
                        <asp:PlaceHolder ID="groupPlaceHolder1" runat="server"></asp:PlaceHolder>

                    </LayoutTemplate>
                    <GroupTemplate>
                    <div class="col-lg-6 col-md-6 col-sm-6" style="padding-right:10px;">
                        <asp:PlaceHolder ID="PlaceHolder4" runat="server"></asp:PlaceHolder>
                    </div>
                </GroupTemplate>
                    <ItemTemplate>
                        <div class="col-lg-12 col-md-12 col-sm-12 well" style="padding-bottom:10px; ">
                            <div class="row"> <div class="col-lg-3 col-sm-4 col-md-4 col-xs-3" >
                                <asp:Image runat="server" ID="img1" Width="100" Height="100" ImageUrl="~/Student/Images/profile.jpg" AlternateText="Profile Picture" /> 
                            </div>
                            <div class="col-lg-9 col-sm-8 col-md-8 col-xs-8" style="padding:0;">
                                <span style="font-size:large;color:#1f79f6;"><%# Eval("s_fullname") %></span><br />
                                <span style="padding-right:15px;"><img src="icons/identification11.png" width="20" /> Student ID : <b style="color:blueviolet"><%# Eval("s_studid") %></b></span>
                                <span>Register ID : <b style="color:blueviolet"><%# Eval("regid") %></b></span><br />
                                <span><img src="icons/pin84.png" width="20" /> Branch : <b style="color:blueviolet"><%# Eval("branch_name") %></b></span><br />
                                <span style="padding-right:10px;"><img src="icons/percentage1.png" height="10" width="20" /> 10 Class (%): <b style="color:blueviolet"><%# Eval("sscp") %></b></span><span style="padding-right:10px;">12 Class  (%):<b style="color:blueviolet"><%# Eval("biep") %></b> </span><br />
                                <span  style="padding-right:10px;"><img src="icons/graduate34.png" height="15" width="20" /> Graduation  (%): <b style="color:blueviolet"><%# Eval("gradp") %></b></span><span style="padding-right:10px;">Graduation YOP : <b style="color:blueviolet"><%# Eval("gradyop") %></b></span> <br />

                            </div> </div>
                            <div class="row">
                                <span><img src="icons/job3.png" width="20" height="15" /> Resume Title :<b style="color:blueviolet"><%# Eval("s_resume_title") %></b> </span><br />
                                    <div class="col-lg-6 col-sm-6 col-md-6 col-xs-6"> <asp:LinkButton ID="LinkButton1" CommandName="Select" CssClass=" form-control btn btn-info" runat="server">View Profile</asp:LinkButton></div>
                                <div class="col-lg-6 col-sm-6 col-md-6 col-xs-6"><asp:Button ID="Button1" runat="server" CssClass=" form-control btn" Text="Download Resume"  OnClientClick="this.disabled = true; this.value = 'Downloading...';"  UseSubmitBehavior="false"/></div>
                            </div>
                        </div>

                    </ItemTemplate>          
            </asp:ListView>              

the code behind file is like

all the data what i want to display is there in datatable in the below file

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
       {
           DataTable dt=ds.Tables[0];
           listview1.DataSource = dt;
           listview1.DataBind();
        }
    }

i am looking for the jquary or ajax or any other scripts which will support my webpage.

Related posts

Recent Viewed