利用插件分页

利用插件分页:

 

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

<webdiyer:AspNetPager ID="AspNetPager1" runat="server" AlwaysShow="true"

                                        UrlPaging="true" ShowPageIndexBox="Always"

                                        TextBeforePageIndexBox="跳转至: " HorizontalAlign="left" Font-Size="12px"

                                        EnableTheming="true" OnPageChanged="AspNetPager1_PageChanged" PageSize="12"

                                        FirstPageText="首页" LastPageText="末页" NextPageText="下一页" PrevPageText="上一页"

                                        NextPrevButtonClass="tslj" PagingButtonClass="tslj"

                                        FirstLastButtonClass="tslj">

                                    </webdiyer:AspNetPager>

后台代码 见文件夹中的word  pager

包括标记 repater的序号

综合查找时:时间文本框  用插件选择时间

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

  <asp:TextBox ID="loseStart" onFocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘})" runat="server" Width="75px" Height="19px"></asp:TextBox>至<asp:TextBox ID="loseEnd" runat="server" onFocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘})" Width="75"></asp:TextBox>

图片加载时,防止页面等在加载图片时间过久,先把图片存放在  前台隐藏控件

<asp:hiddenField>中,使用js代码,延迟显示:

        $(function () {

            setTimeout(function () { var detail = $("#hdDetailImg").val();

                //$("#temp").html(detail);

                //alert(detail);

                if (detail.length > 3) {

                    detail = detail.substr(0, detail.length - 1);

                    detail = "[" + detail + "]";

                    var jsonobj = eval(‘(‘ + detail + ‘)‘);

                    //alert(jsonobj.length);

                    for (i = 0; i < jsonobj.length; i++) {

                        $("#" + jsonobj[i].id).attr("width", "220");

                        $("#" + jsonobj[i].id).attr("height", "200");

                        $("#" + jsonobj[i].id).attr("src", jsonobj[i].src);

                    }

                }

            }, 500);

        });

后台代码:

public string GetImageUrl(string url, string id, string pre)

    {

        string str = "loading.gif";

        if (url.Length > 10)

        {

            hdDetailImg.Value += "{\"id\":\"" + pre + id + "\",\"src\":\"" + url + "\"},";

        }

        else

        {

            hdDetailImg.Value += "{\"id\":\"" + pre + id + "\",\"src\":\"../../images/nopic.jpg\"},";

        }

        return str;

    }
时间: 2024-10-10 20:31:58

利用插件分页的相关文章

ASP.NET MVC利用PagedList分页(二)PagedList+Ajax+JsRender

(原文) 昨天在ASP.NET MVC利用PagedList分页(一)的 最后一节提到,一个好的用户体验绝对不可能是点击下一页后刷新页面,所以今天来说说利用Ajax+PagedList实现无刷新(个人绝对局部刷新更准确 些)的分页.其实在PagedList.Mvc中早已经为我们提供好了Ajax分页的各种东东,但是这里我要自己写下. 实现思想: 1.客户端发送Ajax请求.2.服务器端响应请求并将响应结果回传给客户端.3.客户端接收响应结果并进行数据绑定. 实现方案: 大多数人都知道这个思想,但是

asp.net利用存储过程分页代码

-最通用的分页存储过程 -- 获取指定页的数据 CREATE PROCEDURE Pagination @tblName varchar(255), -- 表名 @strGetFields varchar(1000) = '*', -- 需要返回的列 @fldName varchar(255)='', -- 排序的字段名 @PageSize int = 10, -- 页尺寸 @PageIndex int = 1, -- 页码 @doCount bit = 0, -- 返回记录总数, 非 0 值则

利用yii2分页插件,成对取出数组数据

数组太大不好处理,切割出来处理 $ids = [1, 2, 3, 4, 5, 6, 7, 8, 9]; $count = count($ids);$size = 2; $pages = new Pagination(['totalCount' => $count, 'defaultPageSize' => $size]); for ($i = 1; $i <= $pages->pageCount; $i++) { $idArr = array_slice($ids, ($i - 1

ASP.NET MVC利用PagedList分页(一)

前几天看见博客园上有人写ASP.NET MVC的分页思想,这让我不禁想起了PagedList.PagedList是NuGet上提供的一个分页的类库,能对任何IEnumerable<T>进行分页,而且非常简单好用.从NuGet上,可以获取两个DLL:PagedList.dll和PagedList.Mvc.dll.PagedList.dll提供分页的核心操作,PagedList.Mvc.dll是一个辅助类库,在创建分页的UI时候提供简单.可扩展的创建方法.不过PagedList.dll可以用于MV

使用PageHelper插件分页结合mybatis返回的列表个数不对问题解决

问题描述:spring mvc+mybatis项目中,当使用PageHelper插件进行分页查询时,查到的总数据量值是正确的,但是查询当前页返回的列表个数不对.比如每页查询10条,返回2条或者3条.resultMap使用了association返回复杂属性. 格式如下: <resultMap type="orgDetail" id="porgDetailMap">        <result property="" colum

使用PageHelper插件分页时,如何对对象进行转换以及添加属性

一.插件介绍 PageHelper是针对Mybaits的分页插件,支持任何复杂的单表.多表分页. 二.基本用法 以springboot为例,有两种方式配置,一种是传统的,引入依赖,编写配置类:一种是使用application.yml进行配置. 第一种 1.引入依赖 <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> &l

webpack2利用插件clean-webpack-plugin来清除dist文件夹中重复的文件

配置文件如下 /** * Created by oufeng on 2017/5/6. */ const webpack = require('webpack'); const path = require('path'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { entry: { main: './app/index.js', vendor: ['moment']

利用插件剪裁图片,并上传

关于js处理图片的三大误区:        1.js操作文件,只能形成剪裁效果,不能生成图片文件: 2.js选择文件时,无法获取文件在个人电脑中的路径: 3.js不能为<input type=file>自动赋值,出于安全方面考虑,fileinput文件只能手动选择. 上传图片思路:                  1.使用jquery剪裁插件cropper直接上传,形成图片剪裁效果: 2.使用html5的canvas根据原图,坐标和宽高进行剪裁,将生成的图片(data:image/jepg;

php:利用插件uploadify完成ajax效果的图片上传

可选项需要参数类型 参数名字 解释(布尔型) auto 当文件被添加到队列时,自动上传.(字符串) buttonImg 浏览按钮的背景图片路径.(字符串)   buttonText  默认在按钮上显示的文本.(字符串)  cancelImg    取消按钮的背景图片路径.(字符串)   checkScript   用以检查服务器上已存在文件的后台脚本的路径.[译者注:应该是ajax方式](字符串)   displayData   在上传过程中显示在队列里的数据类型.(字符串)   express