sql


动软生成简单的三层


DECLARE @pagesize int;
declare @pageindex int;
select * from(select ROW_NUMBER() over(order by Id) as rownumber,* from T_News1)T 
WHERE rownumber>(@pageindex-1)*@pagesize AND rownumber<=@pageindex*@pagesize

GO
create proc pro_fenye
@pagesize int,@pageindex int
as
select * from(select ROW_NUMBER() over(order by Id) as rownumber,* from T_News1)T 
WHERE rownumber>(@pageindex-1)*@pagesize AND rownumber<=@pageindex*@pagesize
GO

EXEC pro_fenye 5,2


HTMI------------ajax生成表格

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
  table{ border:solid 1px #444; background-color:Aqua;}
  table td{border:solid 1px #444;}
  </style>
  <script src="js/Jquery1.7.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      var pageindex = 1;
      var pagesize = 10;
      var lastpageindex = 1;
      /*如果将代码封装成一个函数,那么除非显示调用(loaddata()),否则函数中的代码不会执行
      根据传递的页码和每页显示的记录数量获取数据
      */
      function loaddata() {
        $.ajax({
          type: "post",contentType: "application/json",url: "WebService1.asmx/GetListAjax",data: "{pagesize:" + pagesize + ",pageindex:" + pageindex + "}",success: function (result) {
            var strtable = '<table>';
            strtable += '<tr><td>编号</td><td>标题</td><td>内容</td><td>创建时间</td></tr>';
            for (var i = 0; i < result.d.length; i++) {
              strtable += '<tr>';
              strtable += '<td>' + result.d[i].Id + '</td>';


              strtable += '<td>' + result.d[i].NewsTitle + '</td>';


              strtable += '<td>' + result.d[i].NewsContent + '</td>';


              strtable += '<td>' + result.d[i].CreateTime + '</td>';
              strtable += '</tr>';
            }
            strtable += '</table>';
            $('#mydiv').html(strtable);
          }
        })
      }


      //根据传递到后台的每页显示的记录数量来获取最大的页码(就是一共有多少页)
      $.ajax({
        type: "post",url: "WebService1.asmx/GetLastPageindex",data: "{pagesize:" + pagesize + "}",success: function (result) {
          lastpageindex = result.d;
        }
      })


      //显式调用函数,在页面初次加载时加载第一页数据
      loaddata();
      //下一页
      $('a:eq(2)').click(function () {
        if (pageindex < lastpageindex) {
          pageindex++;
          loaddata();
        }


      })
      //上一页
      $('a:eq(1)').click(function () {
        if (pageindex > 1) {
          pageindex--;
          loaddata();
        }
      })
      //第一页
      $('a:first').click(function () {
        pageindex = 1;
        loaddata();
      })
      //最后一页
      $('a:eq(3)').click(function () {
        pageindex = lastpageindex;
        loaddata();
      })
      $('a:last').click(function () {
        pageindex = $('#txtPageindex').val();
        loaddata();
      })
    })
  </script>
</head>
<body>
<div id="mydiv">
</div>
<div><a href="#">第一页</a><a href="#">上一页</a><a href="#">下一页</a><a href="#">最后一页</a><input
    id="txtPageindex" type="text" /><a href="#">Go</a></div>
</body>
</html>
Web.config
 <connectionStrings>
    <add name="sqlservercon" connectionString="Data Source=Lan-PC;Initial Catalog=News;Persist Security Info=True;User ID=sa;Password=478950"/>
  </connectionStrings>

DbHelpersql.cs
public static DataTable RunProcedureDataTable(string storedProcName,IDataParameter[] parameters)
        {
            using (sqlConnection connection = new sqlConnection(connectionString))
            {
                DataTable  dt = new DataTable();
                connection.open();
                sqlDataAdapter sqlDA = new sqlDataAdapter();
                sqlDA.SelectCommand = BuildQueryCommand(connection,storedProcName,parameters);
                sqlDA.Fill(dt);
                connection.Close();
                return dt;
            }
        }

WebService1.asmx
 
  [WebMethod]
        public List<Model.T_News1> GetListAjax(int pagesize,int pageindex)
        {
            BLL.T_News1 bnews = new BLL.T_News1();
            DataTable dt= bnews.GetListDataTable(pagesize,pageindex);

            List<Model.T_News1> list = new List<Model.T_News1>();

            int Id;
            string newstitle = "";
            string newscontent = "";
            DateTime createtime;
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                Id = Convert.ToInt32(dt.Rows[i]["Id"]);
                newstitle = dt.Rows[i]["NewsTitle"].ToString();
                newscontent = dt.Rows[i]["NewsContent"].ToString();
                createtime = Convert.ToDateTime(dt.Rows[i]["CreateTime"]);

                Model.T_News1 news = new Model.T_News1()
                {
                    Id = Id,NewsTitle = newstitle,NewsContent = newscontent,CreateTime = createtime
                };
                list.Add(news);
            }
            return list;
        }
        [WebMethod]
        public int GetLastPageindex(int pagesize)
        {
            BLL.T_News1 bnews = new BLL.T_News1();
            int totalcount= bnews.GetRecordCount("");
            if (totalcount % pagesize == 0)
            {
                return totalcount / pagesize;
            }
            else
            {
                return totalcount / pagesize + 1;
            }
        }


=======================================================================================

GridView 实现分页——【有刷新】

WebForm1.aspx

前台

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="js/Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#txtPageindex').focus(function () {
                $(this).val("");
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Height="230px"
            Width="859px">
            <Columns>
                <asp:BoundField datafield="Id" HeaderText="编号" />
                <asp:BoundField datafield="NewsTitle" HeaderText="标题" />
                <asp:BoundField datafield="NewsContent" HeaderText="内容" />
                <asp:BoundField datafield="CreateTime" DataFormatString="{0:yyyy-MM-dd hh:mm:ss}"
                    HeaderText="创建时间" />
            </Columns>
        </asp:GridView>
    </div>
    <div>
        <asp:LinkButton ID="btnFirst" runat="server" onclick="btnFirst_Click">第一页</asp:LinkButton>
        <asp:LinkButton
            ID="btnPre" runat="server" onclick="btnPre_Click">上一页</asp:LinkButton>
        <asp:LinkButton ID="btnNext"
                runat="server" onclick="btnNext_Click">下一页</asp:LinkButton>
        <asp:LinkButton ID="btnLast" runat="server" onclick="btnLast_Click">最后一页</asp:LinkButton><asp:TextBox
                    ID="txtPageindex" runat="server"></asp:TextBox>
        <asp:LinkButton ID="LinkButton5" runat="server" onclick="LinkButton5_Click">Go</asp:LinkButton>
    </div>
    </form>
</body>
</html>

后台
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;

namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        int pagesize = 10;
        int pageindex = 1;
        protected void Page_Load(object sender,EventArgs e)
        {
            if (!IsPostBack)
            {
                ViewState["pageindex"] = 1;
                GetLastPageindex();
                LoadData();
            }
        }
        private void GetLastPageindex()
        {
            BLL.T_News1 bnews = new BLL.T_News1();
            int totalcount= bnews.GetRecordCount("");
            if (totalcount % pagesize == 0)
            {
                ViewState["lastpageindex"] = totalcount / pagesize;
            }
            else
            {
                ViewState["lastpageindex"] = totalcount / pagesize+1;
            }
        }
        private void LoadData()
        {
            BLL.T_News1 bnews = new BLL.T_News1();
            DataTable dt = bnews.GetListDataTable(pagesize,Convert.ToInt32(ViewState["pageindex"]));
            this.GridView1.DataSource = dt;
            this.GridView1.DataBind();
        }

        protected void btnFirst_Click(object sender,EventArgs e)
        {
            ViewState["pageindex"] = 1;
            LoadData();
        }

        protected void btnPre_Click(object sender,EventArgs e)
        {
            int pageindex = Convert.ToInt32(ViewState["pageindex"]);
            if (pageindex>1)
            {
                pageindex--;
                ViewState["pageindex"] = pageindex;
                LoadData();
            }
        }

        protected void btnNext_Click(object sender,EventArgs e)
        {
            int pageindex = Convert.ToInt32(ViewState["pageindex"]);
            if (pageindex<Convert.ToInt32(ViewState["lastpageindex"]))
            {
                pageindex++;
                ViewState["pageindex"] = pageindex;
                LoadData();
            }            
        }

        protected void btnLast_Click(object sender,EventArgs e)
        {
            ViewState["pageindex"] = ViewState["lastpageindex"];
            LoadData();
        }

        protected void LinkButton5_Click(object sender,EventArgs e)
        {
            int result;
            if (int.TryParse(txtPageindex.Text,out result) == true)
            {
                ViewState["pageindex"] = txtPageindex.Text.Trim();
                LoadData();
            }
            else
            {
                txtPageindex.Text = "请输入合法的数字";
            }
            
        }
    }
}

Ajax 实现分页 【无刷新】三层 | GridView 实现分页【有刷新】的更多相关文章

  1. android gridview中的水平滚动

    我在我的应用程序中有一个网格视图,我需要水平滚动它.我已经尝试将gridview更改为gallery.But然后只有一行可用,但我需要不同的行,如在网格视图中.所以基本上我需要的是一个可以水平滚动的网格视图.有没有有效的方法来做到这一点?

  2. 可扩展的GridView,在Android中使用视图回收

    问候本解决方法这是我的重新发明的轮子.对应的attrs.xml.

  3. android – 如何根据屏幕高度设置GridView单元格的高度?

    在我的布局中,我只有八个单元格.我希望单元格划分屏幕上的所有可用空间.这可能吗?

  4. android – 如何为gridview的子项设置3d翻转动画

    我正在制作动画,我想给动画网格视图的子视图赋予动画.和动画像3D过渡智能(图像视图)的android.我使用的概念是按照http://www.inter-fuser.com/2009/08/android-animations-3d-flip.html.但我无法为gridview的imageview制作动画.请帮我.解决方法你必须应用setStaticTransformationsEnabled(

  5. Android GridView最后一栏被削减

    我有一个GridView在我的应用程序中持有TextViews,由于某种原因,最后一列是它的边缘切割.我猜它与GridView左侧的一点差距有关,但我不知道是什么导致它.我在这做错了什么?我让GridView背景比片段背景暗一点.我的代码:布局/fragment.xml之:来自适配器的getView:解决方法删除android:layout_marginStart和android:layout_marginEnd属性,它们将停止被推到边界之外.

  6. android – 如何强制GridView使用整个屏幕(无论显示大小)?

    我有以下布局文件,后面有一个GridView和一个ImageView作为背景.这是我用于网格的每个“单元格”中的实际项目的布局:我现在在设备上看到以下内容:有没有办法让GridView中的每个项目更大,所以它适合屏幕的大小,我没有在显示屏底部未使用的空白区域?

  7. android – 我的gridview只显示一行

    //我的xml代码//主要活动//MyAdapter.java上面的布局在gridview中只显示了一行值.但是我对gridview有5个以上的值.为什么它没有显示其他值.我尝试了很多但没有用.有没有人有解决方案.解决方法这可能是由ScrollView中的GridView引起的.由于两个布局都是可滚动的,这会导致很多问题,在这种情况下,无法正确确定GridView的高度,并且ScrollView会

  8. android – 在Google Play应用中,ViewGroup如何显示应用程序热门列表?

    GooglePlay应用程序以类似GridView的方式呈现不同类别的顶级列表.我很确定它不是标准的GridView,因为当我一直滚动到底部时,它会显示一个屏幕范围的“加载”项,据我所知,这是标准GridView无法实现的.我可以在某个地方找到这个ViewGroup的代码吗?如果不是,那么实现这样一个ViewGroup的最佳方式是什么?

  9. 如何防止在脚本完成时关闭out-gridview

    我有一个脚本,使用out-gridview显示结果.这是一个简单的例子:当我使用RunwithPowerShell运行脚本时,它将打开gridview并在打开后立即关闭它.如何让PowerShell等到gridview手动关闭?

  10. android – 如何有效地加载gridview中的互联网图像?

    解决方法创建一个返回Bitmap的全局静态方法.此方法将采用参数:context,imageUrl和imageName.在方法中:>检查文件是否已存在于缓存中.如果是,返回位图>否则您必须从Web加载图像,并将其保存到缓存中:

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github,点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件;对于前后端分离的开发模式,ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装,XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js,更小的压缩版本,可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装,VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js,更小的压缩版本,可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多,其中一个是利用CORS,而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的,最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止,相当于仅仅完成了预检,还没发送真正的请求呢。

  5. form提交时,ajax上传文件并更新到&lt;input&gt;中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案:1.加cache:false2.url加随机数正常代码:网上高人解读:cache的作用就是第一次请求完毕之后,如果再次去请求,可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下,内容编码类型满足大多数情况。在这里,我们主要谈谈contentType=false.在使用ajax上传文件时:在其中先封装了一个formData对象,然后使用post方法将文件传给服务器。说到这,我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗?这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的,因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来,以后不用到处找了。语法:$.ajaxFileUploadoptions参数说明:1、url上传处理程序地址。2,fileElementId需要上传的文件域的ID,即的ID。3,secureuri是否启用安全提交,默认为false。4,dataType服务器返回的数据类型。6,error

  9. AJAX-Cache:一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段,在频繁的异步请求业务中,我们往往需要利用“缓存”提升界面响应速度,减少网络资源占用。AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的,我该如何解决呢?必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位,那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部