.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 ...
随机推荐
- UVA 11426 (欧拉函数&&递推)
题意:给你一个数N,求N以内和N的最大公约数的和 解题思路: 一开始直接想暴力做,4000000的数据量肯定超时.之后学习了一些新的操作. 题目中所要我们求的是N内gcd之和,设s[n]=s[n-1] ...
- 51Nod-1006【LCS】+【输出路径】模板题
题目链接:https://vjudge.net/contest/225715#problem/B 转载于>>> 题目大意: 给出两个序列,要求输出它们的最长公共子序列. 解题思路: ...
- Redis分布式锁实现方式（附有正解及错误示例）
一.前言 本文内容主要来自博客:https://wudashan.com/2017/10/23/Redis-Distributed-Lock-Implement/,本文用于归纳总结及笔记用途,如有需要 ...
- Web大前端面试题-Day9
1. 请用至少3中方式实现数组去重? 方法一: indexOfvar arr1=[1,2,3,4,5,4,3,2,1]; function repeat1(arr){ for(var i=0, ...
- 安卓工作室 android studio 汉化后，报错。 设置界面打不开。Can't find resource for bundle java.util.PropertyResourceBundle, key emmet.bem.class.name.element.separator.label
安卓工作室 android studio 汉化后,报错. 设置界面打不开. Android studio has been sinified and reported wrong.The setup ...
- loj#2038. 「SHOI2015」超能粒子炮・改
题目链接 loj#2038. 「SHOI2015」超能粒子炮・改 题解 卢卡斯定理 之后对于%p分类 剩下的是个子问题递归 n,k小于p的S可以预处理,C可以卢卡斯算 代码 #include<c ...
- 4067: [Ctsc2015]gender 动态规划 网络流
国际惯例的题面:首先这题是缺少两个隐藏条件的:第一个是这k条链的起点和终点所在的层是对齐的,也就是说不会出现两条链错开的情况,且这张图恰好由n层组成:第二个就是任意一个点都包含在与链上的点直接或间接相 ...
- CODEVS.1228 苹果树(DFS序)
To CODEVS.1228 苹果树 To poj 3321 Description 在卡卡的房子外面,有一棵苹果树.每年的春天,树上总会结出很多的苹果.卡卡非常喜欢吃苹果,所以他一直都精心的呵护这 ...
- JSON序列——主从表查询
JSON序列——主从表查询 客户端代码: procedure TForm1.Button4Click(Sender: TObject); // 主从表 查询 begin var url: TynUrl ...
- 【docker】docker部署spring boot服务，但是docker logs查看容器输出控制台日志，没有日志打印，日志未打印，docker logs不打印容器日志
如题: docker部署spring boot服务,但是docker logs查看容器输出控制台日志,没有日志打印,日志未打印,docker logs不打印容器日志 场景再现: docker部署并启动 ...