蝙蝠岛资源网 Design By www.hbtsch.com
首先上javascript的代码
<script type="text/javascript">
$(function () {
LoadGrid();
})
//加载表格!!!
function LoadGrid() {
$('#roleGrid').datagrid({
width: 900,
striped: true, //交替条纹
fitColumns: true, //防止水平滚动
fit: true,//自动补全
iconCls: "icon-save",//图标
idField: 'RoleId', //唯一列
url: "GetRoles",
dataType: "json",
singleSelect: true, //设置为true将只允许选择一行
loadMsg: '正在拼命加载,请稍后...',
rownumbers: false, //显示行数
pagination: true, //底部分页工具栏
nowrap: true, //截取超出部分的数据
checkOnSelect: true,//点击一行的时候 checkbox checked(选择)/unchecked(取消选择)
pageNumber: 1,//初始化分页码。
pageSize: 10, //初始化每页记录数。
pageList: [5, 10, 30], //初始化每页记录数列表
showFooter: false, //定义是否显示行底
columns: [[
{ field: "RoleId", title: "角色编号", width: 60, align: "center", sortable: "true" },
{ field: "RoleName", title: "角色名称", width: 100, align: "center" },
{ field: "RoleRemarks", title: "备注", width: 100, align: "center" },
{
field: "IsStatus", title: "状态", width: 60, align: "center", formatter: function (value, row, index) {
if (value == "0") {
return "正常";
} else if (value == "1") {
return "停用";
}
}
},
{
field: "edit", title: "操作", align: "center", width: 80, formatter: function (value, row, index) {
var detail = '<a style="padding:1px;color:black;" onclick="editRole(' + index + ')"><i class="fa fa-edit"></i>编辑</a>';
var deleteBtn = '<a style="color:black;" onclick="delRole(' + index + ')"><i class="fa fa-trash-o"></i>删除</>';
var setrole = '<a style="color:black;" onclick="setRights(' + index + ')"><i class="fa fa-exclamation-triangle"></i>设置权限</>';
return " " + detail + " | " + deleteBtn + " | " + setrole;
}
}
]] //列
});
};
function editRole(i) { //编辑按钮的方法
var rows = $("#roleGrid").datagrid("getRows");
layer.open({
title: false,
type: 2,
closeBtn: false,
area: ['420px', '418px'],
skin: 'layui-layer-rim', //加上边框
content: ['/Admin/ShowForm/EidtRole', 'no'],
success: function (layero, index) {
var body = layer.getChildFrame('body', index);
body.contents().find("#roleId").val(rows[i].RoleId);
body.contents().find("#roleName").val(rows[i].RoleName);
if (rows[i].RoleRemarks != "-") {
body.contents().find("#remarks").val(rows[i].RoleRemarks);
}
body.contents().find("#isstutas").val(rows[i].IsStatus);
}
});
}
function delRole(i) { //删除用户
var rows = $("#roleGrid").datagrid("getRows");
var postData = {
roleId: rows[i].RoleId
};
layer.confirm('确认删除该角色?', {
btn: ['确认', '取消'], //按钮
shade: false //不显示遮罩
}, function (index) {
$.ajax({
type: "POST",
url: "DeleRole",
data: postData,
success: function (result) {
if (result == "true") {
layer.msg("操作成功!", {
icon: 6,
time: 1000,
}, function () {
$("#roleGrid").datagrid("reload");
layer.close(index);
});
} else if (result == "false") {
layer.msg("操作失败!", { icon: 2 });
} else if (result == "msg") {
layer.msg("系统错误,请联系管理员!", { icon: 0 });
}
}
});
}, function (index) {
layer.close(index);
});
}
然后是html
<table id="roleGrid"> </table>
最后是控制器的方法(这一部分是最重要的,表格能否显示数据,全看这一部分)
/// <summary>
/// 动态生成表格的数据
/// </summary>
/// <param name="page"></param>
/// <param name="rows"></param>
/// <returns></returns>
public JsonResult GetRoles(int"-";
}
else
{
r.RoleRemarks = rList[i].RoleRemarks;
}
r.IsStatus = rList[i].IsStatus;
roleList.Add(r);
}
var json = new
{
total = rService.GetTotal(),
rows = roleList
};
return Json(json, JsonRequestBehavior.AllowGet);
}
最后的最后是控制器相关的方法
/// <summary>
/// 分页的数据
/// </summary>
/// <param name="page"></param>
/// <param name="rows"></param>
/// <returns></returns>
public List<role> GetAllRoles(int page, int rows)
{
using (diamondEntities entity = new diamondEntities())
{
IQueryable<role> role = entity.roles.OrderBy(a => a.RoleId).Skip((page - 1) * rows).Take(rows);
List<role> roleList = role.ToList<role>();
if (roleList.Count > 0)
{
return roleList;
}
else
{
return null;
}
}
}
/// <summary>
/// 获取总页数
/// </summary>
/// <returns></returns>
public int GetTotal()
{
using (diamondEntities entity = new diamondEntities())
{
IQueryable<role> user = entity.roles.Select(m => m);
List<role> userList = user.ToList();
return userList.Count;
}
}
以上就是小编为大家带来的浅谈MVC+EF easyui dataGrid 动态加载分页表格全部内容了,希望大家多多支持~
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com
暂无浅谈MVC+EF easyui dataGrid 动态加载分页表格的评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2025年11月02日
2025年11月02日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]