下面是View显示代码:

@{ViewBag.Title = "Index";Layout = "~/Views/Shared/_Layout.cshtml";    }<script type="text/javascript">$(function () {var editRow = undefined;$("#tb1").datagrid({fitColumns: true,striped: true,//这里需要接收【总行数total】和【数据组rows】的【JSON格式】的数据{total:23,rows:[{},{}]}url: "/UserExpression/GetAllUserInfos",            singleSelect: false,pagination: true,rownumbers: true,         pageSize: 5,pageList: [5, 10, 15],columns: [[// u.Id,u.UName,u.Pwd,u.Remark,u.SubTime{ title: "用户名", field: "UName", allgn: "center", width: 40 },{ title: "密码", field: "Pwd", allgn: "center", width: 40 },{ title: "备注", field: "Remark", allgn: "center", width: 40 },{ title: "保存时间", field: "SubTime", allgn: "center", width: 40 },{title: "编辑", field: "xx", allgn: "center", width: 40, formatter: function (value, row, index) {var btn = '<a class=Update>修改</a>|<a class=delete>删除</a>';return btn;}},]],//在数据加载成功的时候触发。
            onLoadSuccess: function (data) {$('.Update').linkbutton({text: '修改',iconCls: 'icon-edit',plain: true,//是否显示边线
                    onClick: function () {var zhi = $("#tb1").datagrid("getSelections");window.location.href = '/HomeText/Edit?id=' + zhi[0].productID;}})$('.delete').linkbutton({text: '删除',iconCls: 'icon-edit',plain: true,//是否显示边线
                    onClick: function () {var zhi = $("#tb1").datagrid("getSelections");$.ajax({type: 'POST',dataType: 'json',url: '/HomeText/DeleteConfirmed?id=' + zhi[0].productID,success: function (data) {$("#tb1").datagrid("reload");}})}})},toolbar: [{text: "添加",iconCls: "icon-add",handler: function () {window.open("/HomeText/Create")}},{text: "删除",iconCls: "icon-cancel",}],})})
</script>
<table id="tb1"></table>

下面是Controller后台代码:

using IBLL;
using SQLModel;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;namespace MVC展示数据.Controllers
{public class UserExpressionController : Controller{//利用spring.net在Config里面进行配置,这样就不用new对象了public IUserInfo UserInfoBLL2 { get; set; }       #region 加载用户的数据public ActionResult Index(){return View();}public ActionResult GetAllUserInfos(){//根据分页显示数据int pageSize = Request["rows"] == null ? 5 : int.Parse(Request["rows"]);int pageIndex = Request["page"] == null ? 1 : int.Parse(Request["page"]);          //--------------------------------第几页,每页几条,根据id进行查询var data = UserInfoBLL2.LoadByPage(pageIndex, pageSize, n => n.Id)//-----避免重复查询   .Select(u => new { u.Id, u.UName, u.Pwd, u.Remark, u.SubTime });            //总的数据条数int total = UserInfoBLL2.Load().Count();var result = new { total=total,rows=data};return Json(result, JsonRequestBehavior.AllowGet);} #endregion}
}

View Code

部分视图展示:

转载于:https://www.cnblogs.com/shuai7boy/p/5292417.html

EasyUI——实现展示后台数据代码相关推荐

  1. c 后台输出easyui html,EasyUI——实现展示后台数据代码

    下面是View显示代码: @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml" ...

  2. easyui加载后台数据 笔记

    一.直接加载本地数据 <table class="easyui-datagrid" style="width:400px;height:250px"dat ...

  3. vue使用ajax提交数据,vue使用ajax请求后台数据的方法

    vue使用ajax请求后台数据的方法 发布时间:2020-10-15 16:54:41 来源:亿速云 阅读:108 作者:栢白 这篇文章主要介绍了vue使用ajax请求后台数据的方法,具有一定借鉴价值 ...

  4. 盟友说 | 在微信中最爆火的应用 后台数据究竟什么样?

    人们常用"一夜爆红"形容明星出名, 而在社交网络中却常常出现这样的明星产品.2015 上半年,刚进入社交网络的"足记"就引爆了微信朋友圈的分享狂潮,成为了一项爆 ...

  5. easyui select ajax,easyui的combobox根据后台数据实现自动输入提示功能

    easyui的combobox根据后台数据实现自动输入提示功能 发布时间:2020-06-11 10:09:41 来源:51CTO 阅读:1981 作者:crackernet adauhuehkek最 ...

  6. java ajax实现分页代码,jQuery实现分页功能(含ajax请求、后台数据、附完整demo)...

    需求分析 1)需要首页,末页功能 2)有点击查看上一页,下一页功能 3)页码到当前可视页码最后一页刷新页面 实现思路 也是分为三部分处理 1)点击首页,末页直接显示第一页或者最后一页内容,当前页面为第 ...

  7. Easyui动态加载后台数据的例子

    JS: /**接口验证查询按钮*/ function strategyCheckSearch(){var strategyRows= $("#strategyCheckDg").d ...

  8. 使用ajax获取后台数据怎么打印,我用ajax获取后台数据并展示在前端页面的方法【源码】...

    <我用ajax获取后台数据并展示在前端页面的方法[源码]>由会员分享,可在线阅读,更多相关<我用ajax获取后台数据并展示在前端页面的方法[源码](2页珍藏版)>请在人人文库网 ...

  9. bootstrap table通过ajax获取后台数据展示在table

    1. 背景 bootstrap table 默认向后台发送语法的dataType为 json,但是为了解决跨域问题我们需要将dataType改为jsonp,这时就需要修改bootstrap table ...

最新文章

  1. 学会这八个技术,你离 BAT 大厂不远了
  2. python dataframe 如何去除缺失值
  3. EF CodeFirst数据迁移与防数据库删除
  4. smarty模板引擎_7-自定义函数
  5. AAAI 2019 论文解读 | 基于区域分解集成的目标检测
  6. BugkuCTF-PWN题pwn7-repeater详细讲解多解法
  7. 从M2M迁移到IIoT工业物联网
  8. 观察者-学历差距造成的差距有多大
  9. 获取虚拟机的唯一标识_JVM笔记:Java虚拟机的类加载机制(附详细思维导图)...
  10. oracle 学习日志 ----Oracle时间加减
  11. 《遥感原理与应用》孙家抦版知识点总结(含简答题)——第三章
  12. java + concat_Java中concat()方法和加号(+)运算符之间的区别
  13. 320240带中文字库液晶显示屏
  14. ATtiny85单片机制作PCB小提琴
  15. 吴伯凡-认知方法论-为什么说“盲维”是认知升级的重要概念
  16. 对象存储OSS适用于哪些场景
  17. 操作既简单、实用性强的文件批量改名高手
  18. 页面向左移动动画html,jQuery仿左右窗帘拉开页面动画特效
  19. 双模 5G 拍照最强?— X30 Pro 评测
  20. iframe基本使用

热门文章

  1. wpf文本框限制输入长度_Excel办公实操,限制输入日期,手机号码,不重复数据的使用...
  2. python中soup_python – 使用带有UTF-8的soup.get_text()
  3. mysql 集群备份脚本_mysqldump结合脚本的备份方案
  4. python里os什么模块_python中os模块的主要方法
  5. 学习Java笔记(一)
  6. python 生成列向量_python_mmdt:一种基于敏感哈希生成特征向量的python库(一)
  7. 下一个排列Python解法
  8. c语言af-1,单反对焦模式中的AF-S、AF-C、AF-A是什么意思,
  9. java edittext 输入监听_Android应用开发之Android EditText 监听用户输入完成的实例
  10. 不等号属于不等式吗_初中数学——中考知识3【方程与不等式(基础)】