基于MVC框架layui分页控件实现前端分页信息写法
详细链接:https://shop499704308.taobao.com/?spm=a1z38n.10677092.card.11.594c1debsAGeak
@{
ViewBag.Title = "JzxyInfoXx";
Layout = "~/Views/Shared/_LayoutIndex.cshtml";
} <script type="text/javascript">
//装变量的容器,可以使用多个分页器哦!
var dataObj = {
page_enterprise: ,
page_order: ,
page_log: ,
page_log_info: ,
limit_enterprise: ,
limit_order: ,
limit_log: ,
limit_log_info:
}
//可以多个分页在同一个页面中,只要给其不同的id容器即可 function GetEnterprise(page) {
var dq = parent.$("#drpDq").val();
ShowDiv();
//初始化的时候直接为1,GetEnterprise(1)(之后数据变更,影响数据结构如:减少或者更改状态等直接直接调取GetEnterprise(dataObj.page_enterprise):刷新当前页数据)
$.post("JzxyInfoXx_Fy", {
dqdm: dq,
pageIndex: page,
pageSize: dataObj.limit_enterprise //可以选择每页显示的数据条数,这个所以就是动态的了
}, function (data) {
var d = eval('(' + data + ')')
var total = d.total;
var html = "<ul class='toubu'><li style='width:10%'>职位简介</li><li style='width:16%'>学员要求</li><li style='width:16%'>辅导安排</li><li style='width:10%'>家教薪资</li>";
html += "<li style='width:10%'>工作地点</li><li style='width:10%'>发布日期</li><li style='width:8%;'>信息费用</li><li style='width:14%;'>预约</li><li style='width:3%;'>详细</li><div class='clearfix'></div>";
html += "</ul>";
if (d.rows.length == ) {
$(".ibox-content").html(html);
HiddenDiv();
return;
} else {
for (i = ; i < d.rows.length; i++) {
var xyinfo = d.rows[i];
var qtqk = xyinfo.fdqtbc + " " + xyinfo.fdqtsc;
qtqk = qtqk.replace(" ", "") == "" ? "无" : qtqk;
var xyyqxx = xyinfo.xyyq;
xyyqxx = xyyqxx.replace(" ", "") == "" ? "无" : xyyqxx;
html += "<ul class='bneir'> ";
html += "<li style='width:10%'>" + xyinfo.fdnjmc + " " + xyinfo.fdkmmc + "</li>";
html += "<li style='width:16%'>" + xyyqxx + "</li>";
html += "<li style='width:16%'>" + xyinfo.fdsjap + "</li>";
html += "<li style='width:10%'>" + xyinfo.fdbcmc + " " + xyinfo.fdqtbc + "</li>";
html += "<li style='width:10%'>" + xyinfo.skqymc + "</li>";
html += "<li style='width:10%'>" + xyinfo.sqsj + "</li>";
html += "<li style='width:8%'>" + xyinfo.xxfy + "元</li>";
if (xyinfo.fpzt == "") {
html += "<li style='width:14%;'><span class='yuyue' onclick='GetYuding(" + xyinfo.id + ")'>预约</span></li>";
} else {
html += "<li style='width:14%;'><span class='yuyue' >已预约</span></li>";
}
html += "<li style='width:5%;'><span onclick='getZk(this)' class='xl'></span></li>";
html += "<div class='clearfix'></div>";
html += "<div class='neir' style='display:none; width:1200px; max-width:1200px; width:100%;'>";
html += "<div class='zznr'>";
html += "【详细内容】辅导年级:" + xyinfo.fdnjmc + " 辅导科目:" + xyinfo.fdkmmc + " 学员要求:" + xyyqxx + "";
html += " 学员介绍:" + xyinfo.xyjj + " 辅导安排:" + xyinfo.fdsjap + " 辅导报酬:" + xyinfo.fdbcmc + " 辅导时长:" + xyinfo.fdscmc + " 辅导其它情况:" + qtqk + "";
html += "</div>";
html += "</div>";
html += "</ul>";
}
$(".ibox-content").html(html);
HiddenDiv();
}
//调用分页
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage,
layer = layui.layer; laypage.render({
elem: 'lodaPage',
count: total,
limit: dataObj.limit_enterprise,
first: '首页',
last: '尾页',
limit: ,
layout: ['prev', 'next'],
curr: dataObj.page_enterprise,
theme: '#00A0E9',
jump: function (obj, first) {
if (!first) {
//***第一次不执行,一定要记住,这个必须有,要不然就是死循环
var curr = obj.curr;
//更改存储变量容器中的数据,是之随之更新数据
dataObj.page_enterprise = obj.curr;
dataObj.limit_enterprise = obj.limit;
//回调该展示数据的方法,数据展示
GetEnterprise(curr)
}
}
});
}); });
} $(function () {
GetEnterprise(dataObj.page_enterprise);
}) </script> <div class="nbannerbox">
<img src="~/Images/image/banner6.png"alt="">
</div>
<!--当前位置-->
<div class="wzbox">
<div class="left"></div>
<div class="mingc">学员信息</div>
<div class="right">当前位置>>学员信息</div>
<div class="clearfix"></div>
</div>
<div class="ibox-content">
</div> <div id="lodaPage" class="lodaPage"></div> <script type="text/javascript"> function getZk(id) {
var classid = $(id).parent().parent().find(".neir");
$(".neir").not(classid).hide();
classid.toggle();
} // $(document).ready(function () {
// $(".xl").click(function () {
// var classid = $(this).parent().parent().find(".neir");
// $(".neir").not(classid).hide();
// classid.toggle();
// });
// }); // $(function () {
// $(".xl").click(function () {
// var classid = $(this).parent().parent().find(".neir");
// $(".neir").not(classid).hide();
// classid.toggle();
// });
// }) </script> <script type="text/javascript"> function GetYuding(id) {
$.ajax({
type: 'post',
url: "JzxyInfoXx_YyddYz",
data: { 'id': id },
cache: false,
success: function (Data) {
if (Data == "dl") {
layer.alert("提示:请先登录后操作!");
return;
} else if (Data == "bsjy") {
layer.alert("提示:您当前账号非教员账号,无法预约学员信息!");
return;
} else if (Data == "jyrz") {
layer.alert("提示:请先进行教员认证,认证成功后才可以预约订单!");
return;
} else if (Data == "ycztwo") {
layer.alert("提示:每天只能预约两次学员信息,您今天已经预约两次学员信息,不可再次预约!");
return;
} else if (Data == "cz") {
layer.alert("提示:您已经预约过该学员信息,不可以重复预约!");
return;
} else if (Data == "ycz") {
layer.alert("提示:已经存在教员预约过该学员信息,不可以预约!");
return;
} var height = (parent.$(window).height()+)+ "px";
var width = (parent.$(window).width()-)+ "px";
parent.layer.open({
type: ,
title: false,
area: [width, height],
skin: 'layui-layer-rim', //加上边框
content: ["@Url.Content("~/Index/JzxyInfoXxSure?id=")"+id],
shadeClose: true,
closeBtn: ,
end: function () {
}
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
layer.alert("提示:出错" + textStatus + errorThrown);
return;
}
}); }
</script> public ActionResult JzxyInfoXx_Fy(string dqdm, string pageIndex, string pageSize)
{
int Page = ;
int Rows = ;
Page = Convert.ToInt32(pageIndex);
Rows = Convert.ToInt32(pageSize);
int RecorderCount = ;
BLL.jzxyinfo dal = new BLL.jzxyinfo();
DataTable dt = dal.GetJzxyInfoListByPage("", dqdm, "", "", "", "", "", "", "", "", , "desc", "cjsj", Page, Rows, out RecorderCount);
string JsonData = JsonUtility.JsonByPageSize(dt, RecorderCount);
return Content(JsonData);
}
基于MVC框架layui分页控件实现前端分页信息写法的更多相关文章
- .NET基于分页控件实现真分页功能
下面利用分页控件实现分页功能.分页控件下载网址:http://www.webdiyer.com/ 从该网址下载AspNetPager.dll后,在VS2008中在工具箱中,右键 —> 选择项 — ...
- .NetCore 实现分页控件(URL分页)实战
上一篇文章介绍了分页控件的具体实现方式,接下来我们就来做一个分页控件 后台数据处理就过度的介绍,下面针对URL分页中的下面几点做说明: 1.搜索条件的状态保持 2.点击分页需要带上搜索条件 3.页码的 ...
- 基于C#语言MVC框架Aspose.Cells控件导出Excel表数据
控件bin文件下载地址:https://download.csdn.net/download/u012949335/10610726 @{ ViewBag.Title = "xx" ...
- 自定义分页控件-基于Zhifeiya的分页控件改版
基于Zhifeiya的分页控件改版的分页. html显示代码: <div class="pagelist"> {{.pagerHtml}} </div> c ...
- [Asp.Net Core] - 使用 ViewComponents 实现分页控件
分页控件(定义分页参数) ~/ViewComponents/PaginationViewComponent.cs using HelloWorld.DataContext; using Microso ...
- CS系统中分页控件的制作
需求:在一个已有的CS项目(ERP中),给所有的列表加上分页功能. 分页的几个概念: 总记录数 totalCount (只有知道了总记录数,才知道有多少页) 每页记录数 pageSize (根据总 ...
- AspNetPager分页控件
AspNetPager分页控件解决了分页中的很多问题,直接采用该控件进行分页处理,会将繁琐的分页工作变得简单化,下面是我如何使用AspNetPager控件进行分页处理的详细代码:1.首先到www.we ...
- 【转】AspNetPager分页控件用法
AspNetPager分页控件解决了分页中的很多问题,直接采用该控件进行分页处理,会将繁琐的分页工作变得简单化,下面是我如何使用AspNetPager控件进行分页处理的详细代码: 1.首先到www.w ...
- asp.net分页控件库
AspNetPager分页控件 AspNetPager分页控件解决了分页中的很多问题,直接采用该控件进行分页处理,会将繁琐的分页工作变得简单化,下面是我如何使用AspNetPager控件进行分页处理的 ...
随机推荐
- [leetcode]299. Bulls and Cows公牛和母牛
You are playing the following Bulls and Cows game with your friend: You write down a number and ask ...
- php多进程 防止出现僵尸进程
对于用PHP进行多进程并发编程,不可避免要遇到僵尸进程的问题. 僵尸进程是指的父进程已经退出,而该进程dead之后没有进程接受,就成为僵尸进程(zombie)进程.任何进程在退出前(使用exit退出) ...
- ef linq 访问视图返回结果重复
根据检测到的语句查询和linq查询出来的结果不一致,linq查询出重复的数据,原因不明,已改用ef直接查询视图,也许以后某一天突然就解决了,先mark下.
- Golang之beego读取配置信息,输出log模块
1,准备好配置文件 [server] listen_ip = "0.0.0.0" listen_port = [logs] log_level=debug log_path=./l ...
- linux-redhat-git源码安装
1.查看是否已安装git,如果存在自带的git,则卸载 查看git版本 $ git --version 删除自带git $ yum remove git 2.安装依赖包 $ yum -y instal ...
- 一款APP的交互文档从撰写到交付
我第一份工作的设计总监是前百度设计师,34岁,一线设计12年:今年聊天说转了产品总监,如今39岁还活跃在行业中…… 我第二份工作的部门总监是前腾讯工程师,38岁,一线开发14年:2年前在Q群里跟我们说 ...
- asp.net core 2.1 增加Nlog日志到sql server数据库
一.增加引用 <PackageReference Include="NLog.Extensions.Logging" Version="1.2.1" /& ...
- Determine overlapping rectangles
https://github.com/Premiumlab/Python-for-Algorithms--Data-Structures--and-Interviews/blob/master/Moc ...
- 2018.06.29 NOIP模拟 旅馆(线段树)
旅馆 [问题描述] OIEROIEROIER 们最近的旅游计划,是到长春净月潭,享受那里的湖光山色,以及明 媚的阳光.你作为整个旅游的策划者和负责人,选择在潭边的一家著名的旅馆住 宿.这个巨大的旅馆一 ...
- js限制上传文件的类型和大小
var maxsize = 6*1024*1024;//6M var errMsg = "上传的附件文件不能超过6M!!!"; var tipMsg = "您的浏览器暂不 ...