博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jtable 的简单使用
阅读量:6960 次
发布时间:2019-06-27

本文共 2960 字,大约阅读时间需要 9 分钟。

  做后台管理管理系统时,基于ajax的数据操作和富有表现力的数据绑定插件jtable绝对是一个不错的选择,他接收来自服务器端的json格式的数据。而且他是一款开源的基于jquery和jquery ui的插件,您可以根据自己的需要修改其表现,如css,甚至修改其源码,让其符合您的需求。

 下面我将介绍在asp.net mvc3.0 和ssh框架下jtable的使用

  1 下载 jtable插件 可以在 下载。

  2 将相应的css (jtable.css)和jquery.jtable.zh-CN.js、jquery.jtable.min.js拷到您的项目下。

  3 引入插件,在view中,一般放在模板页中,为了简单,我放在AdministratorController下的Index Action对应的视图中,即Index.aspx页面中

 4 编写javascript代码绑定数据

5 在controller中输出json

 为了简单,省略Models层的代码,笔者认为您已经具备一定的asp.net mvc的基础知识。

 绑定数据,注意参数(jtableStartIndex,jtPageSize)

  第一个参数用来指定当前起始记录,第二个用来指定一页显示的记录行,用这两个参数实现分页。

public JsonResult GoodsSmallTypeList(int jtStartIndex, int jtPageSize)        {            try            {                int totalCount = goodscateEntity.getAllCategorys().Count();                var goodsSmallList = goodscateEntity.getAllCategorys().Skip(jtStartIndex).Take(jtPageSize);                return Json(new { Result = "OK", Records = goodsSmallList, TotalRecordCount = totalCount });            }            catch (Exception ex)            {                return Json(new { Result = "ERROR", Message = ex.Message.ToString() });            }        }

代码中,返回json时参数的OK表示请求状态,Records表示数据集合,TotalRecordCount表示总记录数。一般这些参数的约定好的,不可改成其他,除非你不愿意使用。您可以在jtable源码中进行修改。

public JsonResult GoodsSmallTypeCreate(tb_goodsCategory category)        {            try            {                if (!ModelState.IsValid)                {                    return Json(new { Result = "ERROR", Message = "请填写信息完整" });                }                bool l = goodscateEntity.InsertGoodsCategory(category);                return Json(new { Result = "OK", Record = category });            }            catch (Exception ex)            {                return Json(new { Result = "ERROR", Message = ex.Message.ToString() });            }        }        ///         /// 修改商品类型        ///         ///         /// 
public JsonResult GoodsSmallTypeUpdate(tb_goodsCategory category) { try { bool l = goodscateEntity.ModifyGoodsCateGory(category); return Json(new { Result = "OK", Record = category }); } catch (Exception ex) { return Json(new { Result = "ERROR", Message = ex.Message.ToString() }); } } /// /// 删除商品类型 /// /// ///
public JsonResult GoodsSmallTypeDelete(int? sid) { try { bool l = goodscateEntity.DeleteGoodsCategory(sid); return Json(new { Result = "OK" }); } catch (Exception ex) { return Json(new { Result = "ERROR", Message = ex.Message.ToString() }); } }

运行结果:

这样,jtable的使用描述就此完成,本人技术有限,文中还有许多不足,希望大家批评指正,谢谢。

使用 SSH很简单,只要的struts.xml加入相关配置,使其返回的数据为json即可。 当然要引入json对应的jar包哦。希望对大家有用。

 

转载于:https://www.cnblogs.com/super-gj/archive/2013/05/28/3104351.html

你可能感兴趣的文章
用maven时出现,报错 miss 一些包,但是发现项目里已经引入了,但还是报错
查看>>
Servlet中ServletConfig和ServletContext漫谈
查看>>
为那些在职准备考IE的兄弟们做个参考-乾颐堂张IE执笔
查看>>
JQ中 $(document).scrollTop()、$('html').scrollTop()、 $(window).scrollTop()区别
查看>>
我的友情链接
查看>>
令人眼前一亮的下拉式终端 Tilda & Guake
查看>>
find
查看>>
注册 功能的实现
查看>>
Python - 元组(tuple) 详解 及 代码
查看>>
AsynchronousSocketChannel
查看>>
Linux系统下卸载MySQL(靠谱)
查看>>
IE6尾部重复字符bug , IE6下产生多余字符的BUG
查看>>
ruby学习笔记-基础数据类型
查看>>
湖南省第八届大学生计算机程序设计竞赛试题 题目A 三家人 (未测试)
查看>>
MongoDB 下载 安装 启动
查看>>
我的友情链接
查看>>
【小松教你手游开发】【unity实用技能】unity ios快捷打包
查看>>
golang 使用时间通过md5生成token
查看>>
caffe编译的问题解决:“cublas_v2.h: No such file or directory”
查看>>
40岁后才明白的道理:人一生奋斗余地很有限
查看>>