关于AspNetPager分页控件和My97DatePicker日期控件的使用

早就听说AspNetPager分页控件的强大，一直没怎用过，昨天尝试了一下今和大家分享一下。

其实关于这个控件的使用杨涛老师的主页上已经有详细的介绍，但是不知道大家有没有这样的感觉，往往功能越强大越复杂的东西对于新手来说越是找不着下手的地方，我开始也看教程了，后来发现其实就几步，对于只想使用而不深究的人来说，完全没有必要去了解那一大堆文档，我和大家分享的也是一个快速使用AspNetPager分页控件的过程，对于想深入了解AspNetPager分页控件的童鞋来说可以浏览杨涛老师的主页。

第一步，要用这控件当然得先下载了，解压得到AspNetPager.dll和AspNetPager.xml两个文件；

第二步，在你的项目中添加引用这个AspNetPager.dll；

第三步，在页面中注册一下这个控件

[html]
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
第四步，在页面合适位置（例如DataList控件下面，我这里页面上有一个名为DataListArticleList的DataList控件）加入AspNetPager分页控件，名称为：Anpage

[html]
<webdiyer:AspNetPager ID="Anpage" runat="server" CssClass="paginator"
            CurrentPageButtonClass="cpb" FirstPageText="首页" LastPageText="尾页"
            NextPageText="下一页" PrevPageText="上一页" OnPageChanged="Anpage_PageChanged"
             PageSize="15" PageIndexBoxType="TextBox">
        </webdiyer:AspNetPager>
第五步，数据绑定，在页面.cs编写绑定数据代码

[html]
public void databind(string uid)
{
    string sql = "select * from Article where UserID=" + uid + " order by posttime desc";
    opertbind(sql);
}

public void opertbind(string sql)
{
    SqlConnection cn = new SqlConnection(System.Configuration.ConfigurationManager.AppSettings["ConnectionString"].ToString());
    SqlDataAdapter da = new SqlDataAdapter(sql, cn);
    DataSet ds = new DataSet();
    da.Fill(ds, (Anpage.CurrentPageIndex - 1) * Anpage.PageSize, Anpage.PageSize, "table");//记录的起始数，每页显示记录条数，表名

    DataListArticleList.DataSource = ds;
    DataListArticleList.DataBind();

    Anpage.RecordCount = countRecords(sql);//记录的总数
}

public int countRecords(string sql)
{
    return Sqlbase.ExecuteTable(CommandType.Text, sql, null).Rows.Count;
}

protected void Anpage_PageChanged(object sender, EventArgs e)
{
    databind(ViewState["id"].ToString());//翻页后重新绑定数据
}

同时顺带介绍一下My97DatePicker日期控件的使用。

首先当然也是下载控件，解压得到一个My97DatePicker之类的文件夹；

然后把这个文件夹拷到项目的一个文件夹下，例如项目根目录的JS文件夹下；

之后在页面加入这个控件（加到<head></head>之间）：

[html]
<script language="javascript" type="text/javascript" src="../JS/My97DatePicker/WdatePicker.js"></script>
再之后是使用这个控件，例如在页面中只要某个TextBox获取焦点就加载这个控件：

[html]
<asp:TextBox ID="txtstartTime" runat="server" Width="200px" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:m:s'})"></asp:TextBox>
最后页面.cs文件获取这个TextBox的值：

[html]
DateTime startTime=DateTime.Parse(this.txtstartTime.Text);

作者：wangqiuyun

补充：Web开发 , ASP.Net ,