EasyUI——实现展示后台数据代码
下面是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——实现展示后台数据代码相关推荐
- c 后台输出easyui html,EasyUI——实现展示后台数据代码
下面是View显示代码: @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml" ...
- easyui加载后台数据 笔记
一.直接加载本地数据 <table class="easyui-datagrid" style="width:400px;height:250px"dat ...
- vue使用ajax提交数据,vue使用ajax请求后台数据的方法
vue使用ajax请求后台数据的方法 发布时间:2020-10-15 16:54:41 来源:亿速云 阅读:108 作者:栢白 这篇文章主要介绍了vue使用ajax请求后台数据的方法,具有一定借鉴价值 ...
- 盟友说 | 在微信中最爆火的应用 后台数据究竟什么样?
人们常用"一夜爆红"形容明星出名, 而在社交网络中却常常出现这样的明星产品.2015 上半年,刚进入社交网络的"足记"就引爆了微信朋友圈的分享狂潮,成为了一项爆 ...
- easyui select ajax,easyui的combobox根据后台数据实现自动输入提示功能
easyui的combobox根据后台数据实现自动输入提示功能 发布时间:2020-06-11 10:09:41 来源:51CTO 阅读:1981 作者:crackernet adauhuehkek最 ...
- java ajax实现分页代码,jQuery实现分页功能(含ajax请求、后台数据、附完整demo)...
需求分析 1)需要首页,末页功能 2)有点击查看上一页,下一页功能 3)页码到当前可视页码最后一页刷新页面 实现思路 也是分为三部分处理 1)点击首页,末页直接显示第一页或者最后一页内容,当前页面为第 ...
- Easyui动态加载后台数据的例子
JS: /**接口验证查询按钮*/ function strategyCheckSearch(){var strategyRows= $("#strategyCheckDg").d ...
- 使用ajax获取后台数据怎么打印,我用ajax获取后台数据并展示在前端页面的方法【源码】...
<我用ajax获取后台数据并展示在前端页面的方法[源码]>由会员分享,可在线阅读,更多相关<我用ajax获取后台数据并展示在前端页面的方法[源码](2页珍藏版)>请在人人文库网 ...
- bootstrap table通过ajax获取后台数据展示在table
1. 背景 bootstrap table 默认向后台发送语法的dataType为 json,但是为了解决跨域问题我们需要将dataType改为jsonp,这时就需要修改bootstrap table ...
最新文章
- 学会这八个技术,你离 BAT 大厂不远了
- python dataframe 如何去除缺失值
- EF CodeFirst数据迁移与防数据库删除
- smarty模板引擎_7-自定义函数
- AAAI 2019 论文解读 | 基于区域分解集成的目标检测
- BugkuCTF-PWN题pwn7-repeater详细讲解多解法
- 从M2M迁移到IIoT工业物联网
- 观察者-学历差距造成的差距有多大
- 获取虚拟机的唯一标识_JVM笔记:Java虚拟机的类加载机制(附详细思维导图)...
- oracle 学习日志 ----Oracle时间加减
- 《遥感原理与应用》孙家抦版知识点总结(含简答题)——第三章
- java + concat_Java中concat()方法和加号(+)运算符之间的区别
- 320240带中文字库液晶显示屏
- ATtiny85单片机制作PCB小提琴
- 吴伯凡-认知方法论-为什么说“盲维”是认知升级的重要概念
- 对象存储OSS适用于哪些场景
- 操作既简单、实用性强的文件批量改名高手
- 页面向左移动动画html,jQuery仿左右窗帘拉开页面动画特效
- 双模 5G 拍照最强?— X30 Pro 评测
- iframe基本使用
热门文章
- wpf文本框限制输入长度_Excel办公实操,限制输入日期,手机号码,不重复数据的使用...
- python中soup_python – 使用带有UTF-8的soup.get_text()
- mysql 集群备份脚本_mysqldump结合脚本的备份方案
- python里os什么模块_python中os模块的主要方法
- 学习Java笔记(一)
- python 生成列向量_python_mmdt:一种基于敏感哈希生成特征向量的python库(一)
- 下一个排列Python解法
- c语言af-1,单反对焦模式中的AF-S、AF-C、AF-A是什么意思,
- java edittext 输入监听_Android应用开发之Android EditText 监听用户输入完成的实例
- 不等号属于不等式吗_初中数学——中考知识3【方程与不等式(基础)】