.NET+MVC+ORACLE存储分页查询一前端实现

MemberList.cshtml

@{
    ViewBag.Title = "用户列表";
    Layout = null;
}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>@ViewBag.Title - 综合查询</title>

    <script src="~/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>

    <script src="~/Scripts/DatePicker/WdatePicker.js"></script>
    <script src="~/Scripts/DatePicker/lang/zh-cn.js"></script>

    <script src="~/Scripts/jquery.pagination.js"></script>

    <link href="~/Style/common.css" rel="stylesheet" />

    <link href="~/Style/Pagination.css" rel="stylesheet" />

    <script src="~/Scripts/layer-v3.1.0/layer/layer.js"></script>

</head>

<body style="padding-left: 5%; padding-right: 5%;">

    <div class="topMenu">

       查询系统

    </div>

<style>

 .dataLoad

    {

        border: 1px solid #e2e2e2;

        box-shadow: none;

        margin: 25px 0 15px;

        max-height: 100px;

        min-width: 1024px;

        overflow: hidden;

        padding: 24px 113px;

        color: #474747;

        font-family: microsoft yahei;

        font-size: 18px;

    }

</style>

<div class="PageMainBox">

    <div class="selectBox">

        <div class="selectBoxLine">

            <span class="word">手机号码</span><input type="text" id="txtKeyWords" class="input_text" />

         <span class="word">用户状态</span>

            <select id="ddlUserStatus" class="input_select" style="width:170px">

               <option value="">--全部--</option>

                <option value="0">已锁定</option>

                <option value="1">启用中</option>

               <option value="2">注销申请处理中</option>

               <option value="3">注销完成</option>

             </select>

        </div>

        <div class="selectBoxLine">

            <span class="word">注册日期</span><div class="date_picker">

                <input type="text" id="txtSTime" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'txtETime\',{d:0});}',readOnly:true})" class="Wdate" style="width: 160px">

            </div>

            <span class="word2" style="width:60px">~</span>

            <div class="date_picker">

                <input type="text" id="txtETime" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'txtSTime\',{d:0});}',readOnly:true})" class="Wdate" style="width: 160px">

            </div>

            <a id="btnSearch" class="search">查 询</a>

        </div>

    </div>

    <div id="divUserList">

        @{

            Html.RenderPartial("PartialPageUserList");

        }

    </div>

    <div id="Pagination" class="pagination"></div>

    <input type="hidden" id="hiddpage" />

    <input type="hidden" id="hiddpageIndex" value="0" />

</div>

</body>
</html>

<script type="text/javascript">

    window.onload = function () {

        window.onkeyup = keyUp;

    }

    function keyUp(e) {

        var e = e || event;

        var key = e.keyCode;

        var keyName = String.fromCharCode(key);

        if (key === 13) { //表示按的是enter键

            $("#btnSearch").click();

        }

    }

    $("#btnAddMember").click(function () {

        openNewWindow('/Member/MemberEdit', '', 455, 335);

    });

    //分页

    function loadPage(pageIndex) {

        $("#btnSearch").attr("disabled", "disabled");

        if (pageIndex == -1)

            pageIndex = parseInt($("#hiddpageIndex").val());

        var userName = $.trim($("#txtKeyWords").val());

        var userStatus = $.trim($("#ddlUserStatus").val());

        var stime = $.trim($("#txtSTime").val());

        var etime = $.trim($("#txtETime").val());

        var pageSize = $.trim($("#hiddpage").val()) == "" ? 10 : $.trim($("#hiddpage").val());

        pageIndex = parseInt(pageIndex);

        //临时存在当前页数

        $("#hiddpageIndex").val(pageIndex);

        $("#divUserList").load(

            "/Member/MemberList",

            { "keyWords": userName, "userStatus": userStatus, "pageIndex": pageIndex + 1, "pageSize": pageSize, "Stime": stime, "Etime": etime },

            function (result) {

                $("#Pagination").pagination($("#hiddTotalCount").val(), { current_page: pageIndex, items_per_page: pageSize, callback: loadPage });

                $("#btnSearch").attr("disabled", false);

            });

    }

    $(function () {

        //分页

        $("#Pagination").pagination("@ViewBag.TotalCount", { callback: loadPage });

        //查询用户列表

        $("#btnSearch").click(function () {

            $("#divUserList").html("<div class='dataLoad'>数据加载中，请稍候....</div>");

            $("#Pagination").pagination("0", { callback: loadPage });

            loadPage(0);

        });

    });

        function openDetailWindow(puserid) {

            openNewWindow('/Member/DetailsInfo?userid=' + puserid, 'b', screen.availWidth, screen.availHeight);

            return false;

        }

        function DeleteDetailWindow(userId) {

            if (!confirm("提示：您确定要删除该用户")) {

                return false;

            }

            $.ajax({

                type: "POST",

                url: "/Member/DeleteMember",

                data: { "userId": userId },

                success: function (result) {

                    if (result > 0) {

                        alert("提示：删除用户成功！");

                        loadPage(-1);

                    }

                    else {

                        alert("提示：删除用户失败！");

                    }

                }

            })

        }

        function EditDetailWindow(puserid) {

            openNewWindow('/Member/MemberEdit?userid=' + puserid, '', 455, 335);

        }

        function updateIsSpecial(userId, PrimaryisSpecial, isSpecial) {

            if (isSpecial == 1) {

                if (!confirm("提示：您确定要将该用户移出【 " + (PrimaryisSpecial == 2 ? "黑" : "白") + "名单】")) {

                    return false;

                }

            }

            if (isSpecial == 2) {

                if (!confirm("提示：您确定要将该用户移入【黑名单】")) {

                    return false;

                }

            }

            if (isSpecial == 3) {

                if (!confirm("提示：您确定要将该用户移入【白名单】")) {

                    return false;

                }

            }

            $.ajax({

                type: "POST",

                url: "/Member/updateIsSpecial",

                data: { "userId": userId, "isSpecial": isSpecial },

                success: function (result) {

                    if (result > 0) {

                        alert("提示：修改用户名单成功");

                        loadPage(-1);

                    }

                    else {

                        alert("提示：修改用户名单失败！");

                    }

                }

            })

        }

</script>

PartialPageUserList.cshtml:

@using System.Data;

<table cellpadding="0" cellspacing="0" class="dataTable">

    <tr>

        <th style="width: 60px;">手机号码</th>

        <th style="width: 60px;">会员号</th>

        <th style="width: 60px;">注册方式</th>

        <th style="width: 60px; text-align: right">用户余额(元)</th>

        <th style="text-align: center; width: 120px;">注册日期</th>

        <th style="width: 60px; text-align: center;">用户状态</th>

        <th style="width: 50px;" class="end">操作</th>

    </tr>

    @if ((DataTable)ViewBag.userList != null && ((DataTable)ViewBag.userList).Rows.Count > 0)

    {

        bool SpecialAdd = userBLL.IsExistAuthority("SpecialAdd");

        foreach (DataRow user in ((DataTable)ViewBag.userList).Rows)

        {

        <tr class="trbg">

            <td>@user["MobileNo"]</td>

            <td>@user["PUserId"]</td>

            <td>@user["UserType"]</td>

            <td style="text-align: right">@if (@user["OveragePrice"].ToString() != "")

                                          {

                <span>@Convert.ToDouble(user["OveragePrice"].ToString()).ToString("N2")</span>

                                          } </td>

            <td style="text-align: center;">@Convert.ToDateTime(user["AddTime"].ToString()).ToString("yyyy-MM-dd HH:mm:ss")</td>

            <td style="text-align: center;">

                @if (int.Parse(user["UserStatus"].ToString()) == (int)UserStatus.启用中)

                {

                    <span style="color: Green">@GetEnumString(typeof(UserStatus), user["UserStatus"].ToString())</span>

                }

                else

                {

                    <span style="color: red">@GetEnumString(typeof(UserStatus), user["UserStatus"].ToString())</span>

                }

            </td>

            <td class="end">

                <ul class="operate"> 

                   <li><a class="find" title="查看用户详情" onclick="openDetailWindow('@user["PUserId"]')"></a></li>

                    @if (SpecialAdd)

                    {

                        if (user["IsSpecial"].ToInt32() == 1)

                        {

                        <li><a class="InBlackList" title="移入黑名单" onclick ="updateIsSpecial('@user["UserId"]',@user["IsSpecial"],2)"></a></li>

                        <li><a class="InWhiteList" title="移入白名单" onclick ="updateIsSpecial('@user["UserId"]',@user["IsSpecial"],3)"></a></li>

                        }

                        if (user["IsSpecial"].ToInt32() == 2)

                        {

                        <li><a class="InBlackList" title="移出黑名单" onclick ="updateIsSpecial('@user["UserId"]',@user["IsSpecial"],1)"></a></li>

                        <li><a class="InWhiteList" title="移入白名单" onclick ="updateIsSpecial('@user["UserId"]',@user["IsSpecial"],3)"></a></li>

                        }

                        if (user["IsSpecial"].ToInt32() == 3)

                        {

                        <li><a class="InBlackList" title="移入黑名单"onclick ="updateIsSpecial('@user["UserId"]',@user["IsSpecial"],2)"></a></li>

                        <li><a class="InWhiteList" title="移出白名单" onclick ="updateIsSpecial('@user["UserId"]',@user["IsSpecial"],1)"></a></li>

                        }

                    }

                </ul>

            </td>

        </tr>

        }

    }

    else

    {

        <tr>

            <td colspan="6" class="end">

                <div class="nodata">

                    <img src="~/Images/main/nodata.png" />Sorry,无法查到符合您要求的数据，建议您重新查询。

                </div>

            </td>

        </tr>

    }

    @Html.Hidden("hiddTotalCount", (int)ViewBag.TotalCount)

</table>

.NET+MVC+ORACLE存储分页查询一前端实现的更多相关文章

.NET+MVC+ORACLE存储分页查询一后端实现
MemberController:public ActionResult UserList() { UserBll userBll = new UserBll(); string keyWords = ...
asp.net mvc多条件+分页查询解决方案
开发环境vs2010 css:bootstrap js:jquery bootstrap paginator 原先只是想做个mvc的分页,但是一般的数据展现都需要检索条件,而且是多个条件,所以就变成了 ...
Oracle中分页查询语句
Oracle分页查询语句使我们最常用的语句之一,下面就为您介绍的Oracle分页查询语句的用法,如果您对此方面感兴趣的话,不妨一看. Oracle分页查询语句基本上可以按照本文给出的格式来进行套用.O ...
Oracle的分页查询语句优化
Oracle的分页查询语句基本上可以按照本文给出的格式来进行套用. (一) 分页查询格式: SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT ...
Oracle 的分页查询 SQL 语句
Oracle的分页查询语句基本上可以按照本文给出的格式来进行套用. 分页查询格式: SELECT * FROM (SELECT A.*, ROWNUM RN FROM (SELECT * FROM T ...
Oracle 数据库分页查询的三种方法
一.Oracle 数据库分页查询的三种方法 1.简介不能对 rownum 使用 >(大于或等于 1 的数值).>=(大于 1 的数值).=(不等于 1 的数值),否则无结果.所以直接用 ...
oracle 的分页查询与mysql 的分页查询
oracle 的分页查询: select * from (select o.*,rownum rn from Persons o) where rn >40 and rn <=60 : ...
mysql、sql server、oracle数据库分页查询及分析（操作手册）
1.mysql分页查询方式1: select * from table order by id limit m, n; 该语句的意思为,查询m+n条记录,去掉前m条,返回后n条记录.无疑该查询能够实 ...
oracle高效分页查询总结
本文参考链接:http://blog.sina.com.cn/s/blog_8604ca230100vro9.html 探索查询语句: --分页参数:size = 20 page = 2 --没有or ...

随机推荐

Maven启动代理访问
1.说明如果你的公司正在建立一个防火墙,并使用HTTP代理服务器来阻止用户直接连接到互联网.如果您使用代理,Maven将无法下载任何依赖. 为了使它工作,你必须声明在 Maven 的配置文件中设置代 ...
快速幂-hdu1097
题目描述: 题目大意:给出两个数,求出a^b的最后一个数字. 代码实现: #include<stdio.h> using namespace std; int pow(int a,int ...
【python学习-6】异常处理
最近在网上看到了一种学习方法名叫费曼学习法,说的是学习一个东西的时候,要尝试着给别人讲出来,就是一种备课式的学习. 第一步,选择一个你想要理解的概念, 然后拿出一张白纸, 把这个概念写在白纸的最上边. ...
ajax批量删除功能的实现源代码
效果展示: 完整代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charse ...
rabbitmq使用方法（二）
Work Queues In the first tutorial we wrote programs to send and receive messages from a named queue. ...
Saltstack 命令
命令格式 salt '<操作目标>' <方法>[参数] 查看被控主机内存使用情况 [root@node1 ~]# salt '*' cmd.run 'free -h' node ...
php基本类型
php是一种弱类型语言,即变量不需要声明为特定的数据类型,因此在代码编写过程中做'类型处理'很重要. 处理方法: 1.检测类型: 2.转换类型: 3.依赖良好清晰的文档. php类型检查函数: ...
ELASTIC API
运维常用API. curl -XGET 'localhost:9200/_cat/indices?v&pretty' #查看索引 curl -XGET 'localhost:9200/_cat ...
集合（4）—Collection之Set的使用方法
定义 set接口及其实现类–HashSet Set是元素无序且不可重复的集合,被称为集. HashSet是哈希集,是Set的一个重要实现类 set中循环只能使用foreach和iterator这两个, ...
PID控制器（比例-积分-微分控制器）- II
Table of Contents Practical Process Control Proven Methods and Best Practices for Automatic PID Cont ...

.NET+MVC+ORACLE存储分页查询一前端实现

.NET+MVC+ORACLE存储分页查询一前端实现的更多相关文章

随机推荐

热门专题