How to create AJAX PagingBulletedListExtender in ASP.NET?


In this article I have explained in detail about AJAX PagingBulletedListExtender in ASP.NET. Using PagingBulletedListExtender we can directly select of employee name as per starting letter. This is similar like paging but it sort data as per alpha character selection. Are you looking for AJAX PagingBulletedListExtender in ASP.NET? Then find its detail guideline here.

Learn how to create AJAX PagingBulletedListExtender in ASP.NET?


Client side:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxtoolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>PagingBulletedListExtender</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<ajaxtoolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajaxtoolkit:ToolkitScriptManager>
<table cellpadding="0" cellspacing="0" align="center" width="1000">
<tr>
<td align="left" height="50">
<h3><b>AJAX Paging Bulleted List Extender Example</b></h3>
</td>
</tr>
<tr>
<td height="30">
<ajaxtoolkit:PagingBulletedListExtender ID="PagingBulletedListExtender1" runat="server"
TargetControlID="BulletedList1">
</ajaxtoolkit:PagingBulletedListExtender>
</td>
</tr>
<tr>
<td align="left" height="200" valign="top">
<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>


Server side


using System.Data;
using System.Data.SqlClient;
using System.Configuration;

public partial class _Default : System.Web.UI.Page
{
SqlConnection sqlcon = new SqlConnection(ConfigurationManager.ConnectionStrings["con"].ConnectionString);
SqlCommand sqlcmd = new SqlCommand();
SqlDataAdapter da = new SqlDataAdapter();
DataTable dt = new DataTable();
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
sqlcon.Open();
sqlcmd = new SqlCommand("select empname from emp",sqlcon);
da = new SqlDataAdapter(sqlcmd);
da.Fill(dt);
BulletedList1.DataSource = dt;
BulletedList1.DataTextField = "empname";
BulletedList1.DataValueField = "empname";
BulletedList1.DataBind();
sqlcon.Close();
}

}
}

Output
Output

Source Code Detail:
Here with I have attached source code of AJAX PagingBulletedListExtender example download and try to learn this concept.
Front End : ASP.NET
Code Behind: C#

Conclusion:
I hope this article help to know AJAX PagingBulletedListExtender.


Attachments

  • Source Code (43584-19189-AJPagingBulletedListExtender.rar)
  • Comments

    Guest Author: B Kumar23 Feb 2013

    Nice One !!!
    Thanks for Valuable Sharing...



  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name:
    Email: