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

最新推荐文章于 2024-09-11 15:33:18 发布

iteye_15898

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量89

点赞数

文章标签： javascript ViewUI

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

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

第一步，要用这控件当然得先下载了，下载地址：http://www.webdiyer.com/Controls/AspNetPager/Downloads，解压得到AspNetPager.dll和AspNetPager.xml两个文件；

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

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

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>

第四步，在页面合适位置（例如DataList控件下面，我这里页面上有一个名为DataListArticleList的DataList控件）加入AspNetPager分页控件，名称为：Anpage

<webdiyer:AspNetPager ID="Anpage" runat="server" CssClass="paginator" 
            CurrentPageButtonClass="cpb" FirstPageText="首页" LastPageText="尾页" 
            NextPageText="下一页" PrevPageText="上一页" OnPageChanged="Anpage_PageChanged" 
             PageSize="15" PageIndexBoxType="TextBox">
        </webdiyer:AspNetPager>

第五步，数据绑定，在页面.cs编写绑定数据代码

        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日期控件的使用。

首先当然也是下载控件，下载地址：http://www.my97.net/，解压得到一个My97DatePicker之类的文件夹；

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

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

<script language="javascript" type="text/javascript" src="../JS/My97DatePicker/WdatePicker.js"></script>

再之后是使用这个控件，例如在页面中只要某个TextBox获取焦点就加载这个控件：

<asp:TextBox ID="txtstartTime" runat="server" Width="200px"  οnfοcus="WdatePicker({dateFmt:'yyyy-M-d H:m:s'})"></asp:TextBox>

最后页面.cs文件获取这个TextBox的值：

DateTime startTime=DateTime.Parse(this.txtstartTime.Text);

iteye_15898

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫